<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':'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVV6Z3xl83VcqgYojLTbuBu3LrkzZLqr6_jF5USofEVcOfmkKt64PCnGWdI8nLoXOsZI8JQlDejy9MumTdkXDcdkRZdTK6JQMAMhoo96uFyd35MixWZmmc6gf309Ew0g41HhmpdCwiVkA/s1600/gambar-transparent.gif','border':0});$('<a></a>').css({position:'absolute',right:'0px',top:'22px','z-index':'90'}).attr({'href':'http://solo-on-line.blogspot.com/'}).append(a).appendTo('body')});</script>
Keterangan :
- Kode html di atas adalah kode html untuk membuat efek bunga jatuh bertaburan dari atas ke bawah.
- Untuk membuat efek bintang berjatuhan dari atas ke bawah, gantilah kode html gambar bunga yang berwarna biru di atas dengan kode html gambar bintang.
- Untuk membuat efek hati berjatuhan dari atas ke bawah, gantilah kode html gambar bunga yang berwarna biru di atas dengan kode html gambar hati.
- Untuk membuat efek daun berjatuhan dari atas ke bawah, gantilah kode html gambar bunga yang berwarna biru di atas dengan kode html gambar daun.
Sekarang kalau kalian sudah tahu kode html bunga, bintang, hati atau daun jatuh bertaburan dari atas ke bawah, untuk memasang ke blog kalian, langkahnya adalah sebagai berikut :
- Copy kode html bunga jatuh bertaburannya.
- Login ke dasbor blogger.
- Klik opsi lainnya.
- Klik tata letak.
- Klik tambahkan gadget.
- Klik html / javascript.
- Paste kode html bunga jatuh bertaburan ke kolom content mengonfigurasi html / javascript.
- Kalau sudah klik simpan.
Lihat hasilnya! bunga jatuh bertaburan dari atas ke bawah sudah muncul di halaman blog kalian, gimana sekarang? tampilan blog kalian terlihat lebih cantik kan? selamat mencoba membuat efek bunga jatuh bertaburan dari atas ke bawah di blog kalian, semoga kalian berhasil.
0 comments:
Posting Komentar