Selamat malam, salam Blogger.. :D Bagaimana tampilan blogmu? Sudah oke? Kali ini
Belajar Ngeblog di BLOG menyajikan salah satu cara membuat blogmu terlihat berbeda. Kalau dulu pernah kita
membuat efek bintangsekarang
ganti membuat efek bubble (gelembung) yang akan mengikuti cursor. Sama
seperti mainan anak-anak kecil yang bola yang bergelembung-gelembung
dari sabun itu loh,, tapi di terjadi di blog dan cursornya adalah
penghasil bubble (gelembung-gelembung) itu.
Saya pernah mencoba, dan lucu. Gelembung itu dari berasal dari
cursor kecil
lalu lama-lama besar dan naik ke atas. Ibarat sebuah halaman atau toko,
kadang blog juga perlu kejutan atau tampilan yang berbeda dari
biasanya. Efek bubble (gelembung) ini bisa menjadi pilihan ketika ingin
membuat berbeda itu. Dan melepas (menghapusnya) ketika sudah mulai
bosan. ;)
Cara Membuat Efek Bubble (Gelembung) Pada Cursor
1.
Login ke blogger
2. Pilih
Rancangan kemudian
Tambah Gadget
3. Pilih
HTML/JavaScript
4. Masukan salah satu kode HTML sesuai warna yang kita inginkan berikut ini:
<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>
5. Kode
warna pink adalah kode warna dari bubble (gelembung) itu, kamu bisa mengubah dengan kode warna yang lain.
6.
Simpan jika sudah selesai.
_______________________________________________________________________________________
Copy paste (copas)
adalah musuh para blogger, setuju gak? Apalagi jika tidak menyantumkan
sumber linknya. Rasanya sakit hati atau marah bisa terjadi karena
tulisan yang kita posting dicopas oleh blogger lain dan juga diposting
di blognya. Pastinya akan kesal ketika karya kita dicopy paste tanpa
izin.
Blogger sangat dekat dengan tulisan. Ide itu tertuang dalam kumpulan
kalimat. Lalu setelah diposting di blognya akan menjadi konsumsi orang
banyak. Memang semua zaman sekarang ini setiap orang bisa membuat
konten. Tapi pengakuan terhadap hasil karya orang masih begitu rendah.
Masih banyak pelaku copy paste.
Tulisan hasil copy paste yang sama persis sebenarnya akan merugikan
blognya sendiri. Blog yang berisi postingan-postingan copas akan membuat
blognya tidak bersahabat dengan
google search engine. Selain itu juga akan mendapat predikat yang tidak baik dari blogger lain.
Dulu di Belajar Ngeblog di Blog pernah dibahas salah satu cara mencegah copy paste, yaitu dengan
membuat klik kanan tidak berfungsi.
Tetapi masih saja bisa, karena tulisan masih bisa diblock dan dicopy
dengan Ctrl+C. Nah, sekarang akan kita buat lebih tidak bisa melakukan
copy paste (copas) yaitu dengan men-disable text selection. Disable tet
selection adalah membuat pengunjung blog kita tidak memblock tulisan,
akhirnya tidak bisa meng-copy.
Cara Membuat Blog Tidak Bisa Dicopy Paste
1.
Login ke Blogger.
2. Di halaman Dasbor, kita pilih
Rancangan.
3. Kemudian pilih
Edit HTML
4. Beri tanda centang pada
Expand Template Widget
5. Taruh kode berikut
di atas kode
</head>
<script type="text/javascript"> function disableSelection(target){
if (typeof target.onselectstart!="undefined") //IE route
target.onselectstart=function(){return false}
else if (typeof target.style.MozUserSelect!="undefined") //Firefox route
target.style.MozUserSelect="none"
else //All other route (ie: Opera)
target.onmousedown=function(){return false}
target.style.cursor = "default"
}
</script>
6. Lalu taruh kode berikut
di bawah kode
</head>
<script
type="text/javascript"> disableSelection(document.body) //disable
text selection on entire body of page </script>
7.
Simpan Template jika sudah selesai.
Saya tidak menerapkan dua cara itu, yaitu tidak bisa klik kanan dan tidak bisa
memblock tulisan di
blog ini. Karena kalau saya gunakan jadi nggak bisa dipraktekan
(diambil) scriptnya. Kalau benar-benar niat membuat blogmu tidak bisa
dicopas, gunakan saja semuanya ;)
_________________________________________________________________________________
Blog
kita anggapkan saja sebagai rumah kita, yaitu tempat kita berteduh dari
panasnya siang dan dinginnya malam. Blog tempat kita tinggal berada
dalam suatu lingkungan yang cukup luas yang setiap orang bebas untuk
datang ke
rumah kita(blog). Adakalanya kita juga perlu unutk menghias rumah kita agar kelihatan lebih indah dan rapi.
Salah satu
pernak-pernik yang biasanya ada di rumah (blog) adalah
jam dan kalender,
hidup ini terbatas oleh waktu, dan setiap rumah pasti punya jam atau
kalender, walau jaman sekarang ada saja hal-hal yang mempermudah
manusia, misalnya saja di HP sudah ada jam dan kalendernya.
Jam adalah
sebuah unit waktu. Lama sebuah jam adalah 1/24 (satu perduapuluh empat)
hari. Satu jam bisa dibagi menjadi unit waktu yang lebih kecil lagi.
Satu jam terdiri dari: 60 menit atau 3600 detik
Cara Menambahkan Jam dan Kalender Pada Blog
- Login ke blogger
- Pilih Tata Letak kemudian Tambah Gadget
- Pilih HTML/JavaScript
- Masukan kode-kode berikut ini
<script
src="http://www.clocklink.com/embed.js"></script><script
language="JavaScript" type="text/javascript">obj=new
Object;obj.clockfile="5015-green.swf";obj.TimeZone="GMT0700";obj.width=160;obj.height=40;obj.wmode="transparent";showClock(obj);</script>
Hasilnya kan seperti ini
Dan atau yang satu ini
<center><iframe src="http://www.free-blog-content.com/Calendars/calendar0054.htm" width="120" height="150"
marginwidth="0" marginheight="0" frameborder="no" scrolling=no allowtransparency="true"></iframe></center>
Hasilnya akan seperti ini
Sebuah kalender adalah
sebuah sistem untuk memberi nama pada sebuah periode waktu (seperti
hari sebagai contohnya). Nama-nama ini dikenal sebagai tanggal kalender.
Tanggal ini bisa didasakan dari gerakan-gerakan benda angkasa seperti
matahari dan bulan.
Dengan
pernak-pernik hiasan rumah (blog) mungkin akan bisa
meperindah blog kita, sehingga orang-orang akan semakin betah bertamu ke
blog kita. Untuk lebih banyak pilihan jam kita bisa ambil dari
sini, dan untuk lebih banayak pilihan kalender kita bisa ambil dari
sini
__________________________________________________________________________
Jangan hanya diam,
itu mungkin dapat mengambarkan sebuah makna yang banyak, artinya apa?
kita harus berbuat untuk sesuatu yang bermanfaat. Jangan hanya diam
berarti harus bergerak, oleh sebab itu kita akan membuat tulisan yang
gak hanya diam, tapi juga bergerak. Memang suatu yang bergerak bisa
menjadi daya tarik atau menarik perhatian orang.
Kita akan membuat
tulisan berjalan, yang berjalan ke samping,
dari kanan ke kiri. Dan juga tulisan yang berjalan dari bawah ke atas,
yaitu dengan menggunakan kode
marquee sehingga nantinya kita
dapat menarik perhatian pembaca dengan tulisan yang berjalan itu,
mungkin tulisan itu berisi sesuatu yang penting yang pembaca harus tahu.
Cara Membuat Tulisan Berjalan
Berikut ini adalah kode untuk tulisan berjalan ke samping
<marquee direction="left"><b>Selamat Datang di Belajar Ngeblog di BLOG </b></marquee>
Selamat Datang di Belajar Ngeblog di BLOG
Kita dapat menggati tulisan yang selamat datang itu dengan tulisan yang lain sesuai dengan keinginan kita.
Berikut ini adalah kode untuk tulisan berjalan ke atas
<marquee direction="up" onmouseout="this.start()" onmouseover="this.stop()"><b>Selamat Datang di Belajar Ngeblog di BLOG</b> </marquee>
Selamat Datang di Belajar Ngeblog di BLOG
Selain tulisan, untuk kode yang berjalan ke atas juga dapat kita aplikasikan menjadi
blogroll, contoh kode
htmalnya menjadi sebagai berikut:
<marquee direction="up" onmouseout="this.start()" onmouseover="this.stop()">
<a href="http://Belajar-Ngeblog-Di- Blog.blogger.com/">LINK 1</a>
<a href="http://Belajar-Ngeblog-Di- Blog.blogger.com/">LINK 2</a>
<a href="http://Belajar-Ngeblog-Di- Blog.blogger.com/">LINK 3</a>
</marquee>
Bisa juga kita gunakan untuk aplikasi
newsflash. Kode HTMLnya sebagai berikut
<marquee direction="up" onmouseout="this.start()" onmouseover="this.stop()">
<script src="http://www.geocities.com/uddin_81/recent-post.js">
</script> <script>
var numposts = 20; var showpostdate = false; var showpostsummary = false; var numchars = 100;
</script> <script src="http://Belajar-Ngeblog-Di- Blog.blogger.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
</script>
</marquee>
Jangan lupa mengganti
Belajar-Ngeblog-Di- Blog.blogger.com dengan URL kamu sendiri, sebagai recent post.
____________________________________________________________________
Membuat
tulisan berjalan sudah pernah kita pelajari bersama, yaitu dengan
menambahkan sedikit menambahkan kode html, mungkin untuk lebih jelanya
kamu dapat baca
di sini.
Sekarang kita juga akan belajar untuk membuat blog kita lebih menarik
lagi dengan hal yang sama, tetapi yang berjalan kali ini dalah judul
blog kita.
Mungkin belum tahu yang mana judul blog itu? kalo judul blog saya ini adalah
Belajar Ngeblog di BLOG, Oh ya,,,, ada sedikit tips yang berkenaan dengan judul blog kita, yaitu kita dapat
mengganti judul blog kita dengan judul postingan kita agar blog kita lebih ramah dengan SEO.
Cara Membuat Judul Blog Berjalan
1. Pilih
tata letak kemudian
edit html
2. Jangan lupa beri tanda centang pada
Expand Template Widget
3. Cari kode berikut
<title><data:blog.pageTitle/></title>
4. Jika sudah ketemu, ganti kode tersebut dengan kode berikut ini
<b:include data='blog' name='all-head-content'/>
<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>
5. Lihat apakah berhasil dengan (PRATINJAU) jika berhasil
SIMPAN______________________________________________________________
Banyak
sekali alasan orang pergi ke warnet, karena saat iniperkembangan di
dunia ini sangat pesat. Ada yang berselanjar di dunia maya untuk
mengupdate blog, friendster, atau situs jejaring sosial yang sekarang ini semakin marak. Yang sekarang naik daun mungkin
face book dan masih ada lagi
my space. Itu salah satu tujuan orang berselanjar di dunia maya,
mengupdate ada lagi yaitu untuk
chatting.
Nah, sekarang bagaimana agar blog kita juga dapat menyediakan ruang untuk chatting ( chat room ) agar orang menjadi betah di blog kita. Ada penyedia jasa bagi kita untuk berkreasi membuatchat room, kita tinggal datang ke Meebo disana kita dapat membuat chat room secara gratis.
Semakin banyak yang mengunakan ( menambahkan ke blog mereka ) maka akan semakin ramai yang chatting di
chat room kita. Saya sudah membuat chat room di
Meebo yang kamu bisa lihat di
MUSIK-RADIO dan
ONLINE-MAJALAH. Jika kamu tertarik untuk menambahkan ke blog kamu, silahkan copy-paste kode html berikut ini.
"width:300px" dan width="300"
angka 300 dapat kamu ubah sesuai lebar yang kamu inginkan
height="350" dan height="350"
angka 350 dapat kamu ubah sesuai tinggi yang kamu inginkan
______________________________________________________________
Blog
kita akan terlihat lebih baik dan bagus jika didukung oleh tampilan
yang yang baik juga, artinya selain konten (isi) blog kita baik atau
bermutu setidaknya juga ditunjang tampilan blog kita yang juga harus
indah dan bagus. Salah satu hal yang bisa kita lakukan untuk memperindah
blog kita adalah dengan
membuat tulisan atau teks yang ada di blog kita tak hanya diam, artinya berjalan dan bergerak-gerak
Setelah kita belajar membuat tulisan berjalan, yang dulu pernah kita pelajari bersama
disini. Kita sekarang beralih, cara membuat tulisan
berkedip-kedip. Mungkin kita juga bisa kasih julukan dengan tulisan
genit Karena
dengan tulisan berkedip-kedip ini akan menjadi daya tarik orang untuk
melihatnya. Bayangkan saja jika ada cewek di dekat kita yang
mengedip-ngedipkan matanya.
SELAMAT DATANG DI BELAJAR NGEBLOG DI BLOG
Itu contoh atau hasil dari pelajaran kita hari ini, yaitu
membuat tulisan berkedip,
lalu apa saja hasil dari modifikasi atau manfaat apa yang bisa kita
peroleh dari kode html tulisan berkedip ini? Kita juga dapat membuat
link dari tulisan berkedip itu, hasilnya akan seperti ini :
Cara Membuat Tulisan Berkedip-kedip
1. Login ke
blogger
2. Pilih
Tata Letak kemudian
Tambah Gadget
3. Pilih
HTML/JavaScript
4. Masukan kode-kode berikut ini
<blink><b>SELAMAT DATANG</b></blink>
5. Sedang untuk yang kita sisipkan link kodenya seperti ini
_______________________________________________________
Ada
yang tidak suka dengan musik barat, ada yang lebih suka dengan musik
dalam negeri sendiri. Kalu dulu say pernah menulis tentang menambahkan
Playlist Mp3 Hits Western/Barat, tentu juga ada yang meninginkan
Playlist Mp3 Indo. Apa bedanya antara Playlist Mp3 Hits Western/Barat dan Playlist Mp3 Indo?
Kalau Playlist Mp3 Indo,
yang diputar di blog kita adalah lagu-lagu anak negeri yang masih hot
dan hits, sedangkan Playlist Mp3 Hits Western/Barat, yang diputar adalah
lagu-lagu asing yang juga lagi hot dan hits serta fresh. [ pintar ya saya ]
Langsung saja, kita bahas cara menambahkan Playlist Mp3 Indo, mungkin kalau kamu yang sudah baca sebelumnya ( menambahkan Playlist Mp3 Hits barat ), sama dengan hal tersebut, masih sama juga, gadget ini dikembangkan oleh musik-live.
Cara Menambahkan Playlist Mp3 Indo adalah sebagai berikut
1. Login ke blogger.com
2. Pilih Tata Letak --> Tambah Gadget
3. Selanjutnya pilih HTML/JavaScript
4. Masukan (copy paste) kode di bawah ini
<br/><a
href='http://kurniasepta.blogspot.com/2009/01/ada-yang-tidak-suka-dengan-musik-barat.html'
target='_blank'><img border='0'
src='http://img401.imageshack.us/img401/7652/eqizqu6.gif' width='250'
height='50'></a><br/><embed
src='http://kodelagu.net/codeplayer.swf' width='250' height='200'
allowscriptaccess='always' allowfullscreen='true'
flashvars='height=200&width=250&file=http://kodelagu.net/generator3.xml&config=http://kodelagu.net/randomp3.swf&searchbar=false'
/><br>
5.
Simpan Kalau sudah beres
_________________________________________________
Ada banyak sekali untuk meodifikasi atau membuat pernak-pernaik tentang cursor, yang sudah kita bahas saja ada
mengubah cursor dengan gambar,
membuat teks yang berputar mengelilingi cursor.
Dan kali ini belajar membuat cursor yang bertaburan bintang. jadi saat
cursor kita bergerak akan turun bintang-bintang dari cursor. Ada
beberapa warna bintang yang bisa kita pilih untuk ditampilkan di blog
kita.
Cara Membuat Cursor Bertaburan Bintang
1.
Login ke blogger
2. Pilih
Rancangan kemudian
Tambah Gadget
3. Pilih
HTML/JavaScript
4. Masukan salah satu kode HTML sesuai warna yang kita inginkan berikut ini:
<script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-biru.js" type="text/javascript"></script>
5. Kita warnan
biru dengan, hijau, merah, ungu, silver, kuning, hitam
6.
Simpan jika sudah selesai.
_________________________________________________
Jika
kita punya suatu produk, pasti kita ingin juga membuat sebuah logo dari
produk kita tersebut, misalnya kita punya toko, tentu kita juga akan
memberi nama toko kita itu, dengan nama yang bagus, yang mempunyai arti
dan tentu saja mudah diingat, itu sama artinya saat kita punya blog,
tentu kita akan menamainya dengan sesuatu nama atau brand dengan nama
yang bagus dan mudah diingat.
Sebagai contohnya adalah blogger, yang sudah
banyak dikenal orang, mungkin kenapa blogger juga banyak dikenal orang karena
Logo Banner juga. Kita yang punya blog juga mengikuti atau setidaknya berusaha
memperkanalkan blog kita pada khalayak umum dengan salah satu caranya dengan membuat
Banner.
Salah satu pernak-pernik blog yang banyak digunakan dan tentunya akan
berdampak positif dengan blog kita adalah Banner dan Tukeran Link
Banner. Dengan pernak-pernik tersebut akan membawa manfaat terciptanya
pertemanan derngan blogger yang lain, karena saling bertukeran link,
yang akhirnya berimbas pada
traffic blog kita.
Cara Membuat Banner dan Tukeran Link Banner
1. Login ke
blogger
2. Pilih
Tata Letak -> Tambah Gadget
3. Pilih
HTML/JavaScript
4. Masukan kode HTML berikut ini
<a href="http://kurniasepta.blogspot.com" target="_blank">
<img border="0" width="123" title="KLIK!" src="http://images.cooltext.com/531532.gif" height="34"/></a>
<!------------------------------------------------------------>
<textarea rows="3" cols="16"><a href="http://kurniasepta.blogspot.com" target="_blank">
<img border="0" width="123" title="KLIK!" src="http://images.cooltext.com/531532.gif" height="34"/></a></textarea>
5. Sebelum
disimpan, berikut ini hal-hal yang perlu kita ubah.
- Diatas kode <!-----> adalah bannernya dan di bawahnya adalah textarea, kotak berisi kode banner.
- http://kurniasepta.blogspot.com adalah URL yang dituju, kita ganti dengan URL kita sendiri.
- http://images.cooltext.com/531532.gif adalah URL gambar atau logo banner.
- Kita juga dapat mengatur lebar dan tinggi banner dengan mengubah angka-angka pada width dan height. dan kotak (textarea) dengan mengubah angka pada rows dan cols.Kalaupuan tidak diubah juga tidak akan jadi masalah
Mungkin diantara kita masih, masih belum bisa membuat logo banner
sendiri, jangan khawatir, karena kita juga bisa membuat logo banner
secara online dengan mudah dan cepat. Kita bisa membuatnya di
cooltext.com disana
kita tinngal memilih modelnya, menganti judul, tulisan, dan warna,
setelah itu sedikit registrasi dan kita akan mendapatkan kode HTMLnya.
Ambil saja URL gambar atau logonya saja.
Setelah kita pasang atau tambahkan ke blog kita nanti hasilnya akan
seperti di atas, ada yang mau tukeran link banner dengan saya? atau ada
yang ingin mengoleksi banner? Silahkan :D
__________________________________________
Membuat efek salju di blog, kenapa harus nulis ini saya? Sekedar hanya ingin berbagi kepada blogger yang lain khususnya yang mempunyaitemplate dengan background atau warna dasar hitam seperti punya saya ini. Akan kelihatan lebih menarik lagi tentunya jika diseimbangkan dengan warna putih, dan warna putih itu berasal dariefek hujan salju. Dingin :)
Walau
lagi musim salju atau tidak. Kita tetap bisa kan membuat hujan salju di
blog kita. Memang di sini tidak ada hujan salju, masih tetap juga kita
bisa buat hujan salju di blog kita. Bagaimana caranya membuat hujan salju di blog kita? Mudah kok :)
Cara Mengubah Cursor Blog dengan Gambar
1. Login ke blogger
2. Pilih Tata Letak -> Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini
KODENYA===
<script
type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script
src='http://blogergadgets.googlecode.com/files/snowfall.min.jquery.js'
type='text/javascript'></script> <script
type="text/javascript"> $(document).snowfall({flakeCount:199});
</script>
5. Simpan jika sudah selesai