Code HTML Warna

#FOF8FF Aliceblue

#FAEBD7 Antiquewhite

#00FFFF Aqua

#7FFFD4 Aquamarine

#F0FFFF Azure

#F5F5DC Beige

#FFE4C4 Bisque

#000000 Black

Memasang Jam Indonesia di Blog

Contoh Seperti Blog Saya Jam Garuda

Login ke dashboard blogger sobat.

Pilih Rancangan > Elemen Halaman > Add Gadget (HTML/JavaScript).

1. Kode Memasang Jam Indonesia di Blog (di Sidebar)

<p align="center"><embed src="http://www.widgipedia.com/widgets/orido/Jam-Garuda-Indonesia-4639-8192_134217728.widget?__install_id=1248336094072&__view=expanded" width="200" height="200" flashvars="&col1=d89b09&col2=7cc034&dayAdd=0&cal=true&gig_lt=1248336103578&gig_pt=1248336182359&gig_g=1&gig_n=blogger" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" > </embed></p>

Cara Membuat Efek Bintang (Sprinkle) Pada Kursor

Cara membuat efek bintang bertaburan pada kursor cukup mudah, sobat blogger tinggal ikuti langkah-langkah seperti dibawah ini :

1.       Login ke dashboard blogger sobat.

2.       Pilih Rancangan > Elemen Halaman > Add Gadget (HTML/JavaScript).

3.       Copy dan paste script dibawah ini pada gadget baru tadi.

<script> // JavaScript Document<script type='text/javascript'> // <![CDATA[ var colour="red"; var sparkles=65; var x=ox=400; var y=oy=300; var swide=800; var shigh=600; var sleft=sdown=0; var tiny=new Array(); var star=new Array(); var starv=new Array(); var starx=new Array(); var stary=new Array(); var tinyx=new Array(); var tinyy=new Array(); var tinyv=new Array(); window.onload=function() { if (document.getElementById) { var i, rats, rlef, rdow; for (var i=0; i<sparkles; i++) { var rats=createDiv(3, 3); rats.style.visibility="hidden"; document.body.appendChild(tiny[i]=rats); starv[i]=0; tinyv[i]=0; var rats=createDiv(5, 5); rats.style.backgroundColor="transparent"; rats.style.visibility="hidden"; var rlef=createDiv(1, 5); var rdow=createDiv(5, 1); rats.appendChild(rlef); rats.appendChild(rdow); rlef.style.top="2px"; rlef.style.left="0px"; rdow.style.top="0px"; rdow.style.left="2px"; document.body.appendChild(star[i]=rats); } set_width(); sparkle(); }} function sparkle() { var c; if (x!=ox || y!=oy) { ox=x; oy=y; for (c=0; c<sparkles; c++) if (!starv[c]) { star[c].style.left=(starx[c]=x)+"px"; star[c].style.top=(stary[c]=y)+"px"; star[c].style.clip="rect(0px, 5px, 5px, 0px)"; star[c].style.visibility="visible"; starv[c]=50; break; } } for (c=0; c<sparkles; c++) { if (starv[c]) update_star(c); if (tinyv[c]) update_tiny(c); } setTimeout("sparkle()", 40); } function update_star(i) { if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)"; if (starv[i]) { stary[i]+=1+Math.random()*3; if (stary[i]<shigh+sdown) { star[i].style.top=stary[i]+"px"; starx[i]+=(i%5-2)/5; star[i].style.left=starx[i]+"px"; } else { star[i].style.visibility="hidden"; starv[i]=0; return; } } else { tinyv[i]=50; tiny[i].style.top=(tinyy[i]=stary[i])+"px"; tiny[i].style.left=(tinyx[i]=starx[i])+"px"; tiny[i].style.width="2px"; tiny[i].style.height="2px"; star[i].style.visibility="hidden"; tiny[i].style.visibility="visible" } } function update_tiny(i) { if (--tinyv[i]==25) { tiny[i].style.width="1px"; tiny[i].style.height="1px"; } if (tinyv[i]) { tinyy[i]+=1+Math.random()*3; if (tinyy[i]<shigh+sdown) { tiny[i].style.top=tinyy[i]+"px"; tinyx[i]+=(i%5-2)/5; tiny[i].style.left=tinyx[i]+"px"; } else { tiny[i].style.visibility="hidden"; tinyv[i]=0; return; } } else tiny[i].style.visibility="hidden"; } document.onmousemove=mouse; function mouse(e) { set_scroll(); y=(e)?e.pageY:event.y+sdown; x=(e)?e.pageX:event.x+sleft; } 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; } } window.onresize=set_width; function set_width() { if (typeof(self.innerWidth)=="number") { swide=self.innerWidth; shigh=self.innerHeight; } else if (document.documentElement && document.documentElement.clientWidth) { swide=document.documentElement.clientWidth; shigh=document.documentElement.clientHeight; } else if (document.body.clientWidth) { swide=document.body.clientWidth; shigh=document.body.clientHeight; } } function createDiv(height, width) { var div=document.createElement("div"); div.style.position="absolute"; div.style.height=height+"px"; div.style.width=width+"px"; div.style.overflow="hidden"; div.style.backgroundColor=colour; return (div); } // ]]> </script>

Cara Membuat Teks Pada Kursor

Cara Membuat Teks Pada Kursor :

1.    Login ke dashboard blogger anda.
2.    Pilih Rancangan > Elemen Laman > Add gadget (HTML/Javascript).
3.    Copy script dibawah ini dan paste pada gadget.

Cara Membuat Efek Daun Berjatuhan

Cara Membuat Efek Daun Berjatuhan :

1.       Seperti biasa login dulu ke dashboard blogger anda.

2.       Pilih Rancangan > Edit HTML, centang Expand widget template.

3.       Cari kode </head>  pada template dengan menggunakan Ctrl+F.

4.       Copy kode javascript dibawah ini dan letakkan tepat diatas kode </head> .

<script src='http://arti.master.irhamna.googlepages.com/daun.js'/>

5.       Save / simpan template anda dan lihat hasilnya muantaaap bro !!

Nah itu tadi langkah-langkah bagaimana cara membuat efek daun berjatuhan di blog, cukup mudah bukan ? Jangan lupa daun-daunnya kalo sudah kebanyakan yang jatuh sambil di sapu ya he he…

cara memasang emoticon/smiley di blogspot

Baik sobat, singkat kata singkat cerita inilah cara memasang emoticon/smiley di blogspot :

1.    Login dulu ke dashboard blogger anda.

2.    Pilih Rancangan > Edit HTML, centang Expand widget template.

3.    Carilah kode  </body> pada template dengan bantuan Ctrl+F.

4.    Copy script dibawah ini dan paste tepat diatas kode </body>.

<script src='http://colorfullink.googlecode.com/files/smiley_comment.js' type='text/javascript'/>

5.    Kemudian cari lagi kode <p class='comment-footer'>. Pada template saya kode ini ada 2 buah, jika di blog anda juga menemukan 2 buah kode yang sama maka pilih yang pertama/diatas.

6.    Copy kode Yahoo emoticon dibawah ini dan letakkan tepat dibawah kode <p class='comment-footer'>  tadi.

Blog Muter Saat Di Buka

LANGSUNG TKP GAN...!!!

• Pastinya Login Terlebih Dahulu

• Masuk ke Rancangan Edit HTML >> Edit HTML

• Beri tanda Centang pada Expand Template Widget

• Letakkan code Berikut ini di atas code <head>

Mendisable Clik Kanan Pada Blog

Bagai mana cara mendisable klik kanan pada blog
caranya gampang , langsung aja :
1. login dulu
2. masuk ke tata letak

3. pada bagian tata leta anda tambah gedget
4. pilih HTML/java Script
5. masukan code beriku kedalamnya

Membuat Efek Pelangi Pada Link

Langsung ke TKP Gan...

1. login terlebih dahulu
2. masuk ke tata letak(layout)>> edit HTML
3. beri tanda centang pada Expand Template Widget
4. cari code <body>
5. copy code berikut dan letakkan setelah code <body>

<script src='http://www.dhedyfaste.xp3.biz/script/rainbowlink.js'
type='text/javascript'>
</script>

6. simpan template

Efek kembang Api Di Blog

Cara Membuat Efek Kembang Api Pada Blog

1. login blog
2. rancangan --> edit HMTL
3. lalu cari kode </body>
4. lalu masukkan kode script dibwah ini diatas kode </body>

Salju Turun Di Blog Kita

Langsung aja caranya gan...

1. Masuk Blog sobat

2. Rancangan ---> Elemen Laman ---> Tambah Gadget 

3. Pilih HTML/Javascript

4. Copy script di bawah ini dan masukkan ke kolom yang sudah tersedia 

<script src="http://infonetmu.googlecode.com/files/snowstorm.js" type="text/javascript"></script>

5. Simpan/Save

Lihat ya. dan jangan main lama-lama nanti sakit, soalnya sekarang sedang musim dingin - ada salju.

Burung Twitter Terbang Di Blog Kita

Pertama-tama silahkan login di Blogger

• Klik Design > Page Element > Add Gadget > Html/Javascript
• Copy paste kode di bawah ini ke kolom Html/javascript

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZGL0ysRxFDxUUEKy8Cif_29caMYHXtLTNk6hUy9m9op7EZSdE0GEcQU6LyxVBVzMenbHLLaKCwUBepVhyphenhyphen-RTUrfx64YpDHPvdljAttIm_3tsnqJTjB_cPGjRsyvwpOZkT68h8XI3vWfs/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/Akun Twitter sobat";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>

Blog Anti Copas

Buat Kamu yang tidak ingin Artikelnya di copy oleh blogger lain, mungkin cara ini bisa Kamu gunakan. Berikut Tutorialnya :

1. Login ke blogger Kamu, Klik Design / Rancangan > Edit HTML.
2. Beri centang pada Expand Widget Templates. Lalu cari kode <head>
3. Copy kode berikut : 

 <SCRIPT type='text/javascript'> if (typeof document.onselectstart!="undefined") { document.onselectstart=new Function ("return false"); } else{ document.onmousedown=new Function ("return false"); document.onmouseup=new Function ("return true"); } </SCRIPT>

 

Terakhir Klik Save Template / Simpan Template. 

 

Semoga Bermanfaat......

Memasang Tombol Like Di Setiap Posting Blog Kita

Langsung Aja Ke TKP Gan...!!!

1. Silahkan login ke blogger dengan ID anda.
2. Klik Rancangan. 
3. Klik tab Edit HTML.  
4. Beri tanda centang pada kotak kecil disamping tulisan Expand Template Widget. 
5. Silahkan cari kode berikut pada template anda ( tips : gunakan fasilitas find pada browser anda agar lebih cepat dalam pencarian, tekan Ctrl+F untuk mengaktifkan, lalu masukkan kode yg dicari).

Membuat Fans Page Facebook Di Blog

Contohnya kaya blog saya lg deh....

Nah, sekarang kita langsung praktekkan saja. Ikuti langkah berikut.

1. Seperti biasanya, pertama-tama, Masuk Blogger > Rancangan > Edit HTML.
2. Kedua, cari kode </head> (gunakan Ctrl + F Untuk mempermudah pencarian).
3. Ketiga,Copy Dan paste Kode Di bawah Ini Tepat sebelum kode </head>, Jika Anda sudah pernah memasang jQuery ini, maka langsung ke langkah 5 saja.
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

4. Jangan lupa klik Simpan Template.
5. Sekarang ke Rancangan > Elemen Lama > Tambah gadget > Html/JavaScript.
6. Copy script di bawah ini lalu pastekan ke HTML/JavaScript yang Anda buka tadi.

Buku Tamu Blog Tersembunyi

Mau Punya Buku Tamu Seperti Blog Saya??? 

Langsung Aja Deh...

Sebelum anda membuat buku tamu di blog anda, anda harus memiliki kode buku tamu, anda bisa mendapatkannya di Shoutbox, Cbox, atau Shoutmix. Setelah anda memiliki kode buku tamu tersebut, lanjut ke langkah berikut:

1. Login di blogger dengan ID anda
2. Klik menu Layout
3. Klik Page Elements
4. Klik Add a Page Element
5. Klik ADD TO BLOG pada menu HTML
6.Lalu Copy kode berikut dan Pastekan Pada kotak HTML

Membuat Title Blog Kita Berjalan

Gimana Seh Buat Title Blog Kita Berjalan....

Mungki Langsung Saja Yah :

1. Login Ke Blog Anda
2. Click Tata Letak
3. Click Edite HTML 
4. Carilah Code ]]></b:skin> dengan Cara CTRL F
5. Letakan Code Dibawah Ini Di Bawah ]]></b:skin>