Cara Memasang Efek Bunga Berjatuhan Di Blog

Efek bunga berjatuhan di blog merupakan salah satu widget untuk blog yang mungkin bisa kita jadikan sebagai hiasan blog.

Nah, pada kesempatan kali ini saya akan menuliskan sebuah tutorial bagaimana cara memasang efek bunga berjatuhan di blog menggunakan bantuan sebuah script.

Bagaimana sih penampakan efek bunga berjatuhan di blog ini nantinya ?

Sgar lebih jelas bagaimana penampakan-nya, maka silakan lihat bunga berjatuhan yang ada di halaman ini, seperti itulah nantinya yang akan tampil di blog sobat.

Oke, mari kita lanjut

Cara Bikin Efek Bunga Berjatuhan Di Blogger

Adapun langkah - langkah yang harus dilakukan untuk pengguna blogger adalah sebagai berikut :

1. Masuk ke dasbor blogger
2. Buka halaman Tata Letak
3. Tambahkan Gadget dan pilih Gadget HTML/JavaScript
4. Masukkan script efek bunga berjatuhan pada bagian Konten
5. Simpan dan selesai

Nah itulah cara termudah yang bisa kita lakukan, selain menggunakan cara tersebut kita juga bisa langsung memasang script pada template blog yang digunakan.

Script bisa kita pasang sebelum kode </body> yang ada pada template.

Untuk pengguna blog lain mungkin caranya akan berbeda, namun intinya sama saja, yaitu memasang script sebelum kode </body>

Adapun script efek bunga berjatuhan yang bisa digunakan adalah seluruh kode ini

<script type='text/javascript'>
var snowsrc="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigGpYPw32gzk0uia8SXgDHf39GD5XDxgcJLOhngGfxWzyM4njcnSo4iWVzQxdSE7aT7xV1rTu_xulevSt8LPk4lM_JGHVDtEsWfKMiRyVSv8mzyImsKO4_YFzcxT4WOTCbCHioP1Wh93s/s1600/bunga-blog-ahmadrifai-net.gif";var no=10;var hidesnowtime="0";var snowdistance="pageheight";var ie4up=(document.all)?1:0;var ns6up=(document.getElementById&&!document.all)?1:0;function iecompattest(){return(document.compatMode&&document.compatMode!="BackCompat")?document.documentElement:document.body}
var dx,xp,yp;var am,stx,sty;var i,doc_width=800,doc_height=600;if(ns6up){doc_width=self.innerWidth;doc_height=self.innerHeight;}else if(ie4up){doc_width=iecompattest().clientWidth;doc_height=iecompattest().clientHeight;}
dx=new Array();xp=new Array();yp=new Array();am=new Array();stx=new Array();sty=new Array();snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)?"snow.gif":snowsrc
for(i=0;i<no;++ i){dx[i]=0;xp[i]=Math.random()*(doc_width-50);yp[i]=Math.random()*doc_height;am[i]=Math.random()*20;stx[i]=0.02+ Math.random()/10; // set step variables
sty[i]=0.7+ Math.random();if(ie4up||ns6up){if(i==0){document.write("<div id=\"dot"+ i+"\" style=\"POSITION: absolute; Z-INDEX: "+ i+"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"https://ahmadrifai.id\"><img src="+snowsrc+" border=\"0\"><\/a><\/div>");}else{document.write("<div id=\"dot"+ i+"\" style=\"POSITION: absolute; Z-INDEX: "+ i+"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src="+snowsrc+" border=\"0\"><\/div>");}}}
function snowIE_NS6(){doc_width=ns6up?window.innerWidth-10:iecompattest().clientWidth-10;doc_height=(window.innerHeight&&snowdistance=="windowheight")?window.innerHeight:(ie4up&&snowdistance=="windowheight")?iecompattest().clientHeight:(ie4up&&!window.opera&&snowdistance=="pageheight")?iecompattest().scrollHeight:iecompattest().offsetHeight;for(i=0;i<no;++ i){yp[i]+=sty[i];if(yp[i]>doc_height-50){xp[i]=Math.random()*(doc_width-am[i]-30);yp[i]=0;stx[i]=0.02+ Math.random()/10;
sty[i]=0.7+ Math.random();}
dx[i]+=stx[i];document.getElementById("dot"+i).style.top=yp[i]+"px";document.getElementById("dot"+i).style.left=xp[i]+ am[i]*Math.sin(dx[i])+"px";}
snowtimer=setTimeout("snowIE_NS6()",10);}
function hidesnow(){if(window.snowtimer)clearTimeout(snowtimer)
for(i=0;i<no;i++)document.getElementById("dot"+i).style.visibility="hidden"}
if(ie4up||ns6up){snowIE_NS6();if(hidesnowtime>0)
setTimeout("hidesnow()",hidesnowtime*1000)}
</script>

Silakan copy kemudian paste seluruh kode di atas untuk menampilkan efek bunga jatuh di blog.

Selamat mencoba, dan semoga bermanfaat.