Headlines News :
Home » » Cara Membuat Bunga Berguguran Di Blog

Cara Membuat Bunga Berguguran Di Blog

Written By Anonymous on Thursday, September 20, 2012 | 11:15 PM

Islamic Defenders - Blog yang bagus adalah blog yang memiliki content bermamfaat dan blog yang memilki penampilan menarik. Blog yang memiliki tampilan menarik, akan memancing pengunjung atau visitors untuk menjelajahi semua content blog. Banyak cara yang bisa sobat blogger lakukan untuk memperindah atau mempercantik tampilan blog sobat di antaranya dengan cara menambahkan efek kelopak bunga berguguran. Trik ini merupakan salah satu Cara Memperindah Blog. Untuk membuat Efek Kelopak Bunga Berguguran, sobat blogger hanya menghabiskan waktu tidak lebih dari satu menit. Ikuti langkah-langkah di bawah ini!

Cara Memperindah Blog dengan menambahkan Efek Kelopak Bunga Berguguran:

    Log in di blog sobat
    Pada Dashboard klik Design
    Klik Add Gadget dan klik HTML/Javascript
    Copy kode di bawah ini :
Code 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>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://islamic-defenders.blogspot.com/'}).append(a).appendTo('body')});</script>


Simpan template sobat dan lihat hasilnya
Raih Amal shalih sebarkan ini :

+ komentar + 2 komentar

September 20, 2012 at 11:54 PM

Sangat berguna bwt blog saya....
http://sabarzhen.blogspot.com

Terimakasih Komunitas Belajar Komputer atas Komentarnya di Cara Membuat Bunga Berguguran Di Blog
Anonymous
October 11, 2012 at 9:07 PM

Sabar Zein : Terima kasih sobat atas kunjungannya, blog saudara bagus...

Silahkan berkomentar

Gunakan sopan santun sebagai tanda orang yang berakhlaq baik

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Islamic Defenders Community - All Rights Reserved
Islamic Defenders Community | Komunitas Pembela Islam