Cara Memasang Widget Bunga Berguguran Pada Blog Dengan mudah

Kali ini akan aku akan membagikan tutorial bagaimana Tutorial membuat bunga berguguran pada blog. Memasang bunga yang gugur ini juga ada yang suka dan ada pula yang menyukainya. Rata rata orang yang tidak menyukainya karena memang menciptakan tampilan blog menjadi terasa penuh karena banyaknya bunga yang berjatuhan, tetapi tidak sedikit pula yang menyukai widget bunga ini lantaran menciptakan blog mereka menjadi lebih bagus dan menawan.

Nah untuk sahabat yang termasuk dalam kategori yang menyukai widget bunga berguguran ini, berikut totorial Tutorial memasangnya:

1. Pertama, teman harus Login terlebihdalulu ke dalam blog sobat
2. Pada dasbor blogger, klik menu Tata Letak atau Layout

3. Di dalam menu Layout, klik Tanbahkan Gadget.

4. sehabis muncul jendela kecil, sahabat cari HTML/Javascript, selanjutnya klik Tambah

5. Letakkan isyarat HTML dibawah ini pada kolom yang telah di sediakan

<script>if(typeof jQuery=='undefined')document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')</script><script>if(!image_urls)var image_urls=Array()if(!flash_urls)var flash_urls=Array()image_urls['rain1']="http://2.bp.blogspot.com/-IQXNv-_CBLE/TpWcK7LL4VI/AAAAAAAAG0I/bcxYcqc_uI0/pinkpetal1.png";image_urls['rain2']="http://4.bp.blogspot.com/-teXCIicWPF4/TpWcLLg0A2I/AAAAAAAAG0U/IPPCr1gponc/pinkpetal2.png";image_urls['rain3']="http://3.bp.blogspot.com/-3JG9HLECCRU/TpWcLZGSYtI/AAAAAAAAG0g/zIJINua93TE/redpetal1.png";image_urls['rain4']="http://2.bp.blogspot.com/-BByhQEK5E24/TpWcLux4xRI/AAAAAAAAG0s/x2hIr1AV_Ac/redpetal2.png";$(document).ready(function()var c=$(window).width();var d=$(window).height();var e=function(a,b)return Math.round(a+(Math.random()*(b-a)));var f=function(a)setTimeout(function()a.css(left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100)).animate(top:(d-10)+'px',e(7500,8000),function()$(this).fadeOut('slow',function()f(a))),e(1,8000));$('<div></div>').attr('id','rainDiv')
.css(position:'fixed',width:(c-20)+'px',height:'1px',left:'0px',top:'-5px',display:'block').appendTo('body');for(var i=1;i<=20;i++)var g=$('<img/>').attr('src',image_urls['rain'+e(1,4)])
.css(position:'absolute',left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100),'margin-left':0).addClass('rainDrop').appendTo('#rainDiv');f(g);g=null;var h=0;var j=0;$(window).resize(function()c=$(window).width();d=$(window).height()));</script>
<script>if(typeof jQuery=='undefined')document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')</script><script>$(document).ready(function()var a=$('<img>').attr('src':'http://2.bp.blogspot.com/-IQXNv-_CBLE/TpWcK7LL4VI/AAAAAAAAG0I/bcxYcqc_uI0/pinkpetal1.png','border':0);$('<a></a>').css(position:'absolute',right:'0px',top:'22px','z-index':'90').attr('href':'http://www.dapur-tutorial.blogspot.com').append(a).appendTo('body'));</script>

6. Terakhir, klik Simpan, dan lihat blog sahabat sekarang sudah banyak bunga yang berjatuhan.

Bocoran Keindahan Widget Bunga Berguguran Pada Blog

Semoga artikel ini dapat membantu sahabat semua yang mencari artikel  Cara Memasang Widget Bunga Berguguran Pada Blog Dengan mudah, jikalau ada pertanyaan ihwal artikel ini, bisa sobat corat coret di dalam kolom komentar di bawah artikel ini.