Cara Memasang Widget Bunga Berguguran Pada Blog Dengan Mudah

Kali ini akan saya akan membagikan tutorial bagaimana cara 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 membuat tampilan blog menjadi terasa penuh karena banyaknya bunga yang berjatuhan, tetapi tidak sedikit pula yang menyukai widget bunga ini karena membuat blog mereka menjadi lebih cantik dan menawan.




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

1. Pertama, sobat 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. Setelah muncul jendela kecil, sobat cari HTML/Javascript, selanjutnya klik Tambah



5. Letakkan kode 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 sobat sekarang sudah banyak bunga yang berjatuhan.


Bocoran Keindahan Widget Bunga Berguguran Pada Blog





Semoga artikel ini dapat membantu sobat semua yang mencari artikel  Cara Memasang Widget Bunga Berguguran Pada Blog Dengan Mudah, jika ada pertanyaan tentang artikel ini, bisa sobat corat coret di dalam kolom komentar di bawah artikel ini.
Previous
Next Post »