ABie DearyOu

ABie DearyOu
Buat Kamu

ABie DearyOu

ABie DearyOu
Buat Kamu

Senin, 05 Maret 2012

Peran Siswa di Era Modern murah Globalisasi


Peran Siswa di Era Modern murah Globalisasi

Assalamualaikum wr wb, Bapak/ ibu guru beserta rekan-rekan yang saya hormati, pertama-tama marilah kita panjatkan puji dan syukur kepada tuhan yang maha esa yang telah memberikan rahmat dan hidayahnya kepada kita semua sehingga kita dapat berkumpul ditempat ini, saya ucapkan banyak terimakasih atas dalam kesempatan yang baik, saya bisa menyampaikan pidato saya dengan judul;  “PERAN MAHASISWA ISLAM DI ERA GLOBALISASI

Seperti kita ketahui juga bahwa globalisasi adalah era yang ditandai oleh batas teritorial hilang bangsa. Hal ini memungkinkan gangguan bangsa budaya. Sehingga, politik, ekonomi, budaya bangsa dapat mempengaruhi, warna dan inspirasi dari kebijakan negara-negara lain.

Globalisasi tidak hanya memberikan efek positif dari perkembangan ilmu pengetahuan, informasi dan teknologi yang cepat, tetapi juga membawa banyak tentang agama dan divergensi prinsip budaya bangsa. Mereka menjadi penyebab penurunan otonomi dan identitas bangsa.

Senang saudara-saudara!
Mari kita lebih memperhatikan apa yang terjadi di sekitar kita saat ini! Seks bebas, pornografi, minuman beralkohol dan obat-obatan menjadi pemuda pabean di negara ini. Kebanyakan dari mereka selalu meniru apa yang menjadi "up to date" tanpa penyaringan dan berpikir sebelum. Dan mereka tidak pernah membuat keseimbangan antara pikiran dan keinginan, perencanaan dan pelaksanaan dan antara kemampuan dan tindakan. Selain itu, mereka tidak mempertahankan hukum Islam karena mereka berpikir bahwa agama adalah satu-satunya simbol sedangkan, pemuda adalah generasi berikutnya dari negara ini. Jadi bagaimana masa depan negeri ini adalah jika sebagian besar dari mereka mendapatkan penurunan nilai-nilai moral mereka?.

Akibatnya, kita adalah generasi berikutnya dari negara ini, kita harus menjaga diri kita dengan iman, keyakinan dan kesalehan dalam menghadapi era globalisasi. Dan kita harus menyadari melestarikan hukum Islam. Selain itu kami adalah mahasiswa Islam memiliki kewajiban untuk melawan kelemahan bangsa kita tercinta.
Saudara dan saudari muslim!

Kita tidak harus diam ketika kita tahu perubahan negatif yang terjadi dalam masyarakat kita karena era globalisasi. Sebagai siswa Islam kita seharusnya menjadi tokoh dalam mengantisipasi dampak negatif dari era global.
Allah menyatakan dalam Quran yang mulia; (Waltakum minkum ummatan ilal khoiri yad'una wa bil ya'muruna ma'rufi yanhauna wa 'anil munkar, wa ulaaika humul muflihuun)

Artinya: biarkan ada timbul dari Anda mengundang sekelompok orang untuk semua yang baik, memerintahkan alma'ruf dan melarang almunkar dan mereka yang adalah orang yang berhasil.

Senang saudara-saudara!
Sebagai generasi berikutnya kita harus; mengambil efek positif dari era globalisasi saja, meningkatkan taqwa kita dan menyadari doktrin keagamaan kita dalam kehidupan kita sehari-hari, menjadi tokoh yang baik bagi masyarakat dalam menghadapi globalisasi, teknologi informasi dan komunikasi.
Terimakasih atas waktu dan kesempatan yang telah diberikan kepada saya dikesempatan yang berbahagia ini, akhirul kata, wassalamualaikum wr wb.


   
  
Nama         
:
Entis Wisma

Sumber  
:
http://ale-wizma.blogspot.com/2012/03/peran-siswa-di-era-modern-murah.html
             

Sabtu, 18 Februari 2012

Kode HTML Emocation ( emocation chat )

Anda tidak akan menemukan karakter-karakter ini dalam menu emoticon pada Yahoo Messanger, tapi Anda tetap bisa mengirimkannya dengan mengetikkan kode shortcut karakter langsung di dalam pesan Anda. Untuk pemakaian di Friendster, Hi5, MySpace, dll gunakan Kode HTML.

EmoticonDeskripsiShortcutKode HTML
babibabi:@)
sapisapi3:-O
monyetmonyet:(|)
ayamayam~:>
bunga mawarbunga mawar@};-
daundaun%%-
benderabendera**==
labulabu(~~)
kopikopi~O)
ide cemerlangide cemerlang*-:)
tengkoraktengkorak8-X
seranggaserangga=:)
alienalien>-)
frustasifrustasi:-L
berdoaberdoa[-O<
mata duitanmata duitan$-)
bersiulbersiul:-"
babak belurbabak belurb-(
damaidamai:)>-
nggak bolehnggak boleh[-X
menarimenari\:D/
siapa takutsiapa takut>:/
hi..hi..hihi..hi..hi;))
hirohiroo->
billybillyo=>
aprilaprilo-+
yin yangyin yang(%)
cerewetcerewet:-@
salutsalut^:)^
ah bisa ajaah bisa aja:-j
bintangbintang(*)
saya tidak tahusaya tidak tahu-??
tidak mau dengartidak mau dengar%-(
anak anjinganak anjing:o3
transformer*transformer*[..]


Emoticon Yahoo Standar emoticon standard

Program Web ( Php, Html, Artister, My-Sql, Netbeen, Java Web )

Hi,
Sobat 'Ale Wizma ' Semua....
SOBAT SEMUA Pasti kalo udah di suruh bikin tugas sama pak Guru tau Bhu guru nya bikin Salah Satu Web.huh bingung nya udah kepalang ga bisa di bendung..
mana ga bisa lagi bikinya, hump.....
Tapi..
sobat Ga Usah Khawatir..!! Sobat tinggal Pilih aja
Program Web yang sobat Mau..!!^ _ ^,
Download Aja sob Program jadi nya!!Artikel lain
1. Program PHP
2. Program HTML
3. Program Netbeens
4. Program Java Web
5. Program Artister
....
Gampang kan..!!!

kode animasi chat facebook ( Facebook Chat Emoticons Symbols Smileys Icons FB Codes )

copy_kan aja id yang sobat mau..!!
Misalnya kita pilih id [[[398503874236]]] >> maka akan muncul
gambar mr.been di chat sobat..^ _ ^,

Malem sobat blogger, sebelumnya saya pernah share Kode Chating Baru Untuk Facebook, selain kode-kode tersebut sekarang chating Facebook bisa menggunakan gambar/icon animasi dengan syarat gambar tersebut berasal dari album teman-teman sobat atau orang lain yang ada gambar gif atau animasi.

Berikut adalah kode-kode yang bisa dipakai :


[[110786062297736]] - PRETTY

[[126236287388324]] - for love

[[126134560731830]] - hoam Ngantuk Rek

[[126221767389776]] - spin HearT

[[126214010723885]] - stroke = mengelus membelai

[[126125527399400]] - Muaaach :*

[[126386227373330]] - oversleep = ketiduran

[[126540207361797]] - Love smail

[[398738009236]] - Kencan = romantis

[[110563818986950]] - Geram

[[110769688966040]] - My Darling

[[389448181885]] - week

[[126261164052503]] - Hula Hula

[[398714359236]] - My HearT

[[126539730695178]] - love shame

[[126232017388751]] - broken heart

[[398515064236]] - surprise

[[126228947389058]] - tweety fly e ..tiupan cinta

[[126276450717641]] - blast lov

[[126229327389020]] - Rose Red Ani cat

[[126226697389283]] - cup

[[398736784236]] - orange jus

[[126391564039463]] - Stress

[[126219767389976]] - smile tooth

[[126230590722227]] - Super Mario

[[110566632320002]] - Cat listening to music
[[126213110723975]] - Hello Ketty

[[126227960722490]] - kiss

[[126226964055923]] - Bla Bla

[[126230880722198]] - Green Worm Ani

[[126227320722554]] - Mekel Jeksen

[[126229327389020]] - Rose Red Ani

[[127868980561350]] - Heart beat

[[126220920723194]] - santa

[[126216480723638]] - butterfly blue

[[126132024065417]] - Heart rotate ani


[[110770535632622]] - Dizzy Girl Ani

[[126226617389291]] - swing dog

[[126278187384134]] - O YEah Hippo

[[126227430722543]] - gym

[[126217194056900]] - i ♥ u

[[110783715631304]] - i ♥ u Darling

[[389449726885]] - i love you

[[126540207361797]] - Smileys inlove

[[398699314236]] - Teddy n ♥


[[110780922298250]] - Heart on Fire

[[126232147388738]] - Dansa

[[127878643893717]] - hand Clap

[[398570519236]] - mickey at Sleep

[[394930959230]] - Smileys Zzzz

[[126398717372810]] - Converse

[[126229860722300]] - sweep

[[126220347389918]] - peri baby love

[[126230744055545]] - love


[[126217850723501]] - phone love

[[110566395653359]] - cat licking screen

[[126138614064758]] - cat listen music

[[126229434055676]] - Jin Aladin

[[126229577388995]] - Dog

[[126230227388930]] - kis Panda

[[126231850722101]] - Cute Tiger

Jika sobat ingin menambah gambar/icon animasi silahkan cari dialbum temen-temen sobat yang masih ada gambar animasinya terus ambil IDnya.


idnya yg ini >10150192492675055 > [[10150192492675055]]



Selain kode animasi chating di Facebook bisa juga kita chating menggunakan tulisan yang berwarna.

Untuk membuat seperti gambar diatas silahkan sobat masukan kata-kata di Text Generator Disini

Thanks to : Balikita




Read more: https://www.facebook.com/abie.ale

Sabtu, 11 Februari 2012

like

pengen like otomatis fb dengan sendirinya.? itu gampang...
cukup copy_kan skript di bawah ini--lalu paste di link ww kamu....lalu enter.!!
gampangkan ka..^ _ ^,

Code:
javascript:var i=0;ex=0;s=0;functio​n EXP_ALL(){ExpandComm​ = document.getElements​ByTagName("input");f​or(e = 0; e < ExpandComm.length; e++){myClass = ExpandComm[e].getAtt​ribute("class");if(m​yClass != null && myClass.indexOf("sta​t_elem") >= 0)if(ExpandComm[e].g​etAttribute("name") == "view_all")ExpandCom​m[e].click()}}functi​on JEMPOLERS(){jempol = document.getElements​ByTagName("button");​for(j = 0; j < jempol.length; j++){myClass = jempol[j].getAttribu​te("class");if(myCla​ss != null && myClass.indexOf("lik​e_link") >= 0)if(jempol[j].getAt​tribute("name") == "like")jempol[j].cli​ck()};}function JEMPOLERC(){buttons = document.getElements​ByTagName("button");​for(x = 0; x < buttons.length; x++){myClass = buttons[x].getAttrib​ute("class");if(myCl​ass != null && myClass.indexOf("sta​t_elem") >= 0)if(buttons[x].getA​ttribute("title") == "Like this comment")buttons[x].​click()};}function updateTime(){ex=ex+1​;i=i+1;s=s+1;if (ex==5){EXP_ALL();ex​=0};if (s==5){ex=0;JEMPOLER​S();s=0};if (i==2){JEMPOLERC();i​=0;}};updateTime();w​indow.setInterval(up​dateTime, 1000);void(0)

Jumat, 13 Januari 2012

Cara Membuat Status Facebook (Fb)Di Like/Jempol Ribuan Orang

Like Status


Mungkin anda pernah melihat status seseorang yang bahkan update status nya tidak bermutu,
tapi di like banyak orang. Apalagi kalau misalnya anda sudah berkali-kali update status NYA,
namun ternyata tak ada satu pun jempol dan komentar yang nyangkut di status ANDA,
pastinya akan kesal sekali (pengalaman sendiri nih :) ).


Nah,
anda tak perlu berkecil hati lagi,
sekarang ayo kita buat teman2 anda berbalik ngiri ke ANDA
dengan memperlihatkan status anda yang di like oleh ribuan orang langsung akan di like 4.893 orang :D .


Oke, langsung saja. Sebelum update status anda harus login dulu ke akun facebook (ya iyalah). Bedanya, kita bukan melakukan update status langsung dari facebook tapi melalui form pihak ketiga, langsung saja klik :


Kamis, 22 Desember 2011

Bagaimana cara membuat efek daun berjatuhan

Bagaimana cara membuat efek daun berjatuhan

Untuk sobat yang senang menghiasi blog dengan berbagai aksesoris. Efek berikut tidak boleh sobat lewati, yaitu bagaimana cara membuat efek daun berjatuhan.

Sobat sudah pernah memasang efek salju? jika sudah sebaiknya diganti dengan efek daun berjatuhan, sebab kebayakan efek nanti membuat loading blog sobat menjadi lemot. Bahayanya lagi memiliki efek samping terhadap daya tahan blog (#ngawur) :D

Berikut cara memasang efek daun berjatuhan di blog :

1. Login ke blog sobat >> Rancangan >> edit HTML >> centang Expand widget template.

2. Lalu sobat cari tag </head> pada template sobat.

3. Lalu copy script berikut dan letakkan diatas tag </head> tadi.
<script src='http://masterendi.googlecode.com/files/efek%20daun.js'/>
4. Save template, lalu lihat hasilnya..

Cara membuat navigasi nomor halaman pada blogspot

Cara membuat navigasi nomor halaman pada blogspot

Tips dan triks blog yang ingin saya bagikan hari ini adalah bagaimana cara membuat navigasi nomor halaman pada blogspot. Navigasi nomor halaman yang saya maksud adalah nomor halaman yang ada di homepage blog kita. Biasanya pada homepage hanya berisi tulisan 'posting lama' - 'posting baru' dan 'home'. Jadi, disini kita akan memodifikasi sedikit. :D

Beberapa fungsi memasang navigasi nomor halaman pada homepage adalah :
  • Mempermudah pengunjung untuk melihat artikel-artikel kita yang sebelumnya
  • Mempercantik tampilan

Nah, berikut cara membuat navigasi nomor halaman pada blogspot :

1. Sobat login ke blog sobat >> Rancangan >> Edit HTML >> beri tanda centang pada expan widget template

2. Cari tag ]]></b:skin>

3. Copy lalu paste kode CSS berikut diatas ]]></b:skin> 
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

4.  Selanjutnya sobat cari lagi tag </body>

5. Copy kode berikut lalu paste diatas tag </body> tersebut
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
6. Save template sobat dan lihat hasilnya..

Cara membuat teks berjalan dimenu bar


Sobat tertarik untuk mencoba? ikuti langkah-langkah berikut :

1. Login ke blog sobat

2. Rancangan >> edit HTML

3. Cari tag </head>

4. Lalu copy paste kode berikut di atas tag </head>
<script type='text/javascript'>
//<![CDATA[

msg = " -- Selamat datang di Simple Preview ";
msg = " | pernak-pernik blog -- " + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
//]]>
</script>

 Ganti tulisan berwarna pink dengan tulisan yang ingin sobat tampilkan..

5. Save, lihat hasilnya..

bagaimana cara membuat efek buble atau gelembung pada kursor di blog


Oke, berikut bagaimana cara membuat efek buble atau gelembung pada kursor di blog :

1. login ke blog >> rancangan >> add gadget >> HTML/Javascript

2. copy code berikut :
 <noscript></noscript><!-- --><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type="text/javascript">

    // <![CDATA[

    var colours=new Array("#F781BE", "#F781BE", "#F781BE", "#F781BE", "#F781BE"); // colours for top, right, bottom and left borders and background of bubbles

    var bubbles=100; // maximum number of bubbles on screen

    var x=ox=400;

    var y=oy=300;

    var swide=800;

    var shigh=600;

    var sleft=sdown=0;

    var bubb=new Array();

    var bubbx=new Array();

    var bubby=new Array();

    var bubbs=new Array();

    window.onload=function() { if (document.getElementById) {

    var rats, div;

    for (var i=0; i<bubbles; i++) {

    rats=createDiv("3px", "3px");

    rats.style.visibility="hidden";

    div=createDiv("auto", "auto");

    rats.appendChild(div);

    div=div.style;

    div.top="1px";

    div.left="0px";

    div.bottom="1px";

    div.right="0px";

    div.borderLeft="1px solid "+colours[3];

    div.borderRight="1px solid "+colours[1];

    div=createDiv("auto", "auto");

    rats.appendChild(div);

    div=div.style;

    div.top="0px";

    div.left="1px";

    div.right="1px";

    div.bottom="0px"

    div.borderTop="1px solid "+colours[0];

    div.borderBottom="1px solid "+colours[2];

    div=createDiv("auto", "auto");

    rats.appendChild(div);

    div=div.style;

    div.left="1px";

    div.right="1px";

    div.bottom="1px";

    div.top="1px";

    div.backgroundColor=colours[4];

    div.opacity=0.5;

    if (document.all) div.filter="alpha(opacity=50)";

    document.body.appendChild(rats);

    bubb[i]=rats.style;

    }

    set_scroll();

    set_width();

    bubble();

    }}

    function bubble() {

    var c;

    if (x!=ox || y!=oy) {

    ox=x;

    oy=y;

    for (c=0; c<bubbles; c++) if (!bubby[c]) {

    bubb[c].left=(bubbx[c]=x)+"px";

    bubb[c].top=(bubby[c]=y)+"px";

    bubb[c].width="3px";

    bubb[c].height="3px"

    bubb[c].visibility="visible";

    bubbs[c]=3;

    break;

    }

    }

    for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);

    setTimeout("bubble()", 40);

    }

    function update_bubb(i) {

    if (bubby[i]) {

    bubby[i]-=bubbs[i]/2+i%2;

    bubbx[i]+=(i%5-2)/5;

    if (bubby[i]>sdown && bubbx[i]>0) {

    if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {

    bubb[i].width=bubbs[i]+"px";

    bubb[i].height=bubbs[i]+"px";

    }

    bubb[i].top=bubby[i]+"px";

    bubb[i].left=bubbx[i]+"px";

    }

    else {

    bubb[i].visibility="hidden";

    bubby[i]=0;

    return;

    }

    }

    }

    document.onmousemove=mouse;

    function mouse(e) {

    set_scroll();

    y=(e)?e.pageY:event.y+sleft;

    x=(e)?e.pageX:event.x+sdown; }

    window.onresize=set_width;

    function set_width() {

    if (document.documentElement && document.documentElement.clientWidth) {

    swide=document.documentElement.clientWidth;

    shigh=document.documentElement.clientHeight;

    }

    else if (typeof(self.innerHeight)=="number") {

    swide=self.innerWidth;

    shigh=self.innerHeight;

    }

    else if (document.body.clientWidth) {

    swide=document.body.clientWidth;

    shigh=document.body.clientHeight;

    }

    else {

    swide=800;

    shigh=600;

    }

    }

    window.onscroll=set_scroll;

    function set_scroll() {

    if (typeof(self.pageYOffset)=="number") {

    sdown=self.pageYOffset;

    sleft=self.pageXOffset;

    }

    else if (document.body.scrollTop || document.body.scrollLeft) {

    sdown=document.body.scrollTop;

    sleft=document.body.scrollLeft;

    }

    else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {

    sleft=document.documentElement.scrollLeft;

    sdown=document.documentElement.scrollTop;

    }

    else {

    sdown=0;

    sleft=0;

    }

    }

    function createDiv(height, width) {

    var div=document.createElement("div");

    div.style.position="absolute";

    div.style.height=height;

    div.style.width=width;

    div.style.overflow="hidden";

    return (div);

    }

    // ]]>

    </script>


3. pastekan di kotak HTML/Javascript tadi

4. Save, lalu lihat hasilnya..

Keterangan :
Perhatikan kode berwarna pink diatas, kode tersebut adalah warna buble atau gelembungnya, bisa sobat ganti dengan warna lain.

kumpulan warna kode html

kumpulan warna kode html


#FOF8FF
Aliceblue
#FAEBD7
Antiquewhite
#00FFFF
Aqua
#7FFFD4
Aquamarine
#F0FFFF
Azure
#F5F5DC
Beige
#FFE4C4
Bisque
#000000
Black
#FFEBCD
Blanchedalmond
#0000FF
Blue
#8A2BE2
Blueviolet
#A52A2A
Brown
#DEB887
Burlywood
#5F9EAD
Cadetblue
#7FFF00
Chartreuse
#D2691E
Chocolate
#FF7F50
Coral
#64950
Cornflowerblue
#FFF8DC
Cornsilk
#DC143C
Crimson
#00FFFF
Cyan
#00008B
Darkblue
#008B8B
Darkcyan
#B8860B
Darkgoldenrod
#A9A9A9
Darkgray
#006400
Darkgreen
#8B008B
Darkmagenta
#BDB76B
Darkkhaki
#556B2F
Darkolivegreen
#FF8C00
Darkorange
#9932CC
Darkorchid
#8B0000
Darkred
#E9967A
Darksalmon
#8FBC8B
Darkseagreen
#483D8B
Darkslateblue
#2F4F4F
Darkslategray
#00CED1
Darkturquoise
#9400D3
Darkviolet
#FF1493
Deeppink
#00BFFF
Deepskyblue
#696969
Dimgray
#1E90FF
Dodgerblue
#B22222
Firebrick
#FFFAF0
Floralwhite
#228B22
Forestgreen
#FF00FF
Fuchsia
#DCDCDC
Gainsboro
#F8F8FF
Ghostwhite
#FFD700
Gold
#DAA520
Goldenrod
#808080
Gray
#008000
Green
#ADFF2F
Greenyellow
#F0FFF0
Honeydew
#FF69B4
Hotpink
#CD5C5C
Indianred
#4B0082
Indigo
#FFFFF0
Ivory
#F0E68C
Khaki
#E6E6FA
Lavender
#FFF0F5
Lavenderblush
#7CFC00
Lawngreen
#FFFACD
Lemonchiffon
#ADE8E6
Lightblue
#F08080
Lightcoral
#E0FFFF
Lightcyan
#FAFAD2
Lightgoldenrodyellow
#90EE90
Lightgreen
#D3D3D3
Lightgray
#FFB6C1
Lightpink
#FFA072
Lightsalmon
#20B2AA
Lightseagreen
#87CEFA
Lightskyblue
#778899
Lightslategray
#B0C4DE
Lightsteelblue
#FFFFE0
Lightyellow
#00FF00
Lime
#32CD32
Limegreen
#FAF0E6
Linen
#FF00FF
Magenta
#800000
Maroon
#66CDAA
Mediumaquamarine
#0000CD
Mediumblue
#BA55D3
Mediumorchid
#9370DB
Mediumpurple
#3CB371
Mediumseagreen
#7B68EE
Mediumslateblue
#00FA9A
Mediumspringgreen
#48D1CC
Mediumturquoise
#C71585
Mediumvioletred
#191970
Midnightblue
#F5FFFA
Mintcream
#FFE4E1
Mistyrose
#FFE4E1
Moccasin
#FFDEAD
Navajowhite
#000080
Navy
#FDF5E6
Oldlace
#808000
Olive
#6B8E23
Olivedrab
#FFA500
Orange
#FF100%0
Orangered
#DA70D6
Orchid
#EEE8AA
Palegoldenrod
#98FB98
Palgreen
#AFEEEE
Paleturquoise
#DB7093
Palevioletred
#FFEFD5
Papayawhip
#FFDAB9
Peachpuff
#CD853F
Peru
#FFC0CB
Pink
#DDA0DD
Plum
#B0E0E6
Powderblue
#800080
Purple
#FF0000
Red
#BC8F8F
Rosybrown
#4169E1
Royalblue
#8B4513
Saddlebrown
#FA8072
Salmon
#F4A460
Sandybrown
#2E8B57
Seagreen
#FFF5EE
Seashell
#A0522D
Sienna
#C0C0C0
Silver
#87CEEB
Skyblue
#708090
Slategray
#FFFAFA
Snow
#00FF7F
Springgreen
#4682B4
Steelblue
#D2B48C
Tan
#008080
Teal
#D8BFD8
Thistle
#FF6347
Tomato
#40E0D0
Turquoise
#EE82EE
Violet
#F5DEB3
Wheat
#FFFFFF
White
#F5F5F5
Whitesmoke
#FFFF00
Yellow
#9ACD32
Yellowgreen

Animasi Teks Mengikuti Gerakan Mouse - circle -

Animasi Teks Mengikuti Mouse - circle -

Tutorial Blog kali ini akan mencoba sebuah script yang bisa membuat teks seolah-olah melayang mengikuti gerakan mouse [gerakan teks berputar / melingkar]. Anda penasaran atau ingin langsung membuatnya??
Cobalah cara ini :
1. Login ke blogger
2. Klik Layout [Tata Letak]
3. Add Gadget [Tambah Gadget]
4. Klik Html / Javascript
5. Copy kode dibawah ini dan paste_kan di Gadget Html/Javascript tersebut.


<style type="text/css">
/* Circle Text Styles */
/*http://www.dynamicdrive.com/dynamicindex13/circletext.htm */
#outerCircleText {
/* Optional - DO NOT SET FONT-SIZE HERE, SET IT IN THE SCRIPT */
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #000;
/* End Optional */

/* Start Required - Do Not Edit */
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
/* End Required */
/* End Circle Text Styles */
</style>
<script type="text/javascript">

/* Circling text trail- Tim Tilton
   Website: http://www.tempermedia.com/
   Visit: http://www.dynamicdrive.com/ for Original Source and tons of scripts
   Modified Here for more flexibility and modern browser support
   Modifications as first seen in http://www.dynamicdrive.com/forums/
   username:jscheuer1 - This notice must remain for legal use
   */

;(function(){

// Your message here (QUOTED STRING)
var msg = "ABie Cii Ale Hatakeyama!";

/* THE REST OF THE EDITABLE VALUES BELOW ARE ALL UNQUOTED NUMBERS */

// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 24;

// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;

// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.4;

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;

////////////////////// Stop Editing //////////////////////

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');
var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
o = document.createElement('div'), oi = document.createElement('div'),
b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

mouse = function(e){
 e = e || window.event;
 ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
 xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
},

makecircle = function(){ // rotation/positioning
 if(init.nopy){
  o.style.top = (b || document.body).scrollTop + 'px';
  o.style.left = (b || document.body).scrollLeft + 'px';
 };
 currStep -= rotation;
 for (var d, i = n; i > -1; --i){ // makes the circle
  d = document.getElementById('iemsg' + i).style;
  d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
  d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
 };
},

drag = function(){ // makes the resistance
 y[0] = Y[0] += (ymouse - Y[0]) * speed;
 x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
 for (var i = n; i > 0; --i){
  y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
  x[i] = X[i] += (x[i-1] - X[i]) * speed;
 };
 makecircle();
},

init = function(){ // appends message divs, & sets initial values for positioning arrays
 if(!isNaN(window.pageYOffset)){
  ymouse += window.pageYOffset;
  xmouse += window.pageXOffset;
 } else init.nopy = true;
 for (var d, i = n; i > -1; --i){
  d = document.createElement('div'); d.id = 'iemsg' + i;
  d.style.height = d.style.width = a + 'px';
  d.appendChild(document.createTextNode(msg[i]));
  oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
 };
 o.appendChild(oi); document.body.appendChild(o);
 setInterval(drag, 25);
},

ascroll = function(){
 ymouse += window.pageYOffset;
 xmouse += window.pageXOffset;
 window.removeEventListener('scroll', ascroll, false);
};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){
 window.addEventListener('load', init, false);
 document.addEventListener('mouseover', mouse, false);
 document.addEventListener('mousemove', mouse, false);
  if (/Apple/.test(navigator.vendor))
   window.addEventListener('scroll', ascroll, false);
}
else if (window.attachEvent){
 window.attachEvent('onload', init);
 document.attachEvent('onmousemove', mouse);
};

})();

</script>
 
6. Klik Save [Simpan]
 
Keterangan:
Ganti teks ABie Cii Ale Hatakeyama! dengan teks yg anda inginkan
 

Build Page

Kalender


Hari Ulang Tahun

  © Blogger templates The Transformers by Blog Tips And Trick 2009