Cara Memasang Efek Bunga Berjatuhan Di Blog

Baca Juga

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

Nah, pada kesempatan kali ini saya akan menuliskan sebuah tutorial bagaimana cara memasang imbas bunga berjatuhan di blog memakai sumbangan sebuah script.

Bagaimana sih penampakan imbas bunga berjatuhan di blog ini nantinya ?

Sgar lebih terang bagaimana penampakan-nya, maka silakan lihat bunga berjatuhan yang ada di halaman ini, ibarat 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 yaitu sebagai berikut :

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

Nah itulah cara termudah yang dapat kita lakukan, selain memakai cara tersebut kita juga dapat pribadi memasang script pada template blog yang digunakan.

Script dapat kita pasang sebelum arahan </body> yang ada pada template.

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

Adapun script imbas bunga berjatuhan yang dapat dipakai yaitu seluruh arahan ini

 <script type='text/javascript'> var snowsrc="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA2NR6vDB6GEQgSDVDOm6wZhCDhPmBZ3S71uhoCdvw057OiEq2vPzjpZmwKx5oJvunvSblRoNWKeNOe1hXy-moV38__e61qDKkgF7dW5J2pvzATwYQnViBYZ7kNXOwBnedWsdP45IUyzY/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 lalu paste seluruh arahan di atas untuk menampilkan imbas bunga jatuh di blog.

Selamat mencoba, dan biar bermanfaat.