Cara Memasang Widget Efek Bunga Berguguran Di Blog

Cara Memasang Widget Efek Bunga Berguguran Di Blog

Posted by rike on 0

Selamat datang kembali di Blog Dapur Tutorial Blogspot dan Seo. Senang kali ini bisa berbagi ceri-cerita menarik seputar blogging. Master Chef kali ini ingin mengajak sobat kembalu membahas soal Tutorial Blog tentang Widget Blogspot yang banyak dimanfaatkan oleh banyak para blogger untuk mempercantik tampilah halaman blognya.

Banyak cara yang digunakan para blogger untuk membuat halaman blognya terlihat unik dibanding dengan blog yang dimiliki oleh orang lain, misalnya seperti mempercantik tampilan blog dengan Memasang Animasi Burung Twitter diblog, Memasang Animasi Naruto VS Sasuke dan tentunya Animas yang kita bahas kali ini yaitu Memasang Efek Bunga Berguguran Di Blog.

DEMO Widget Animasi Bunga Berguguran Di Blog, Bisa sobat lihat pada gambar dibawah ini .

Nah jika sobat tertarik untuk Memasang Widget  Efek Bunga Berguguran Di Blog ikuli resepnya berikut ini :

1. Silahkan Login Kehalaman Blog Masing-masing
2. Jika sudah login dari Dashbord blog kamu klik menu dropdown dan pilih Menu Tata Letak
3. Kalau sudah klik Tambah Gadget Atau Add a Gadget
4. Taham selanjutnya tambahkan Widget HTML Java Script
5. Copas Kode Berikut ini :

<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. Letakan kode Di Kolom Widget HTML/JavaScript
7. Klik Simpan
8. Selesau dan lihat hasilnya

Demikian Cara Memasang Widget  Efek Bunga Berguguran Di Blog, Jika sobat ada kesulitan silahkan hubungi admin melalui form komentar dibawah ini dengan mengikuti aturan dalam berkomentar agar komentar tidak masik kedalam spam. Terimakasih!