Kamis, 26 Desember 2013

Efek kelopak mawar di blog


Hai, ini foto Kon yang lebih cute! Aku mau share tutorial cara menambahkan efek kelopak mawar pada blog. Mau? ikuti step ~ ~ ~ ~ >

1. Sign in ==> dashboard ==> tata letak ==> tambah gadget ==> HTML/JavaScrpt
2. Copy code di bawah 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')

3. Klik simpan
4. klik simpan setelan

Dah jadi (selamat mencoba :) )



Tidak ada komentar:

Posting Komentar

*Kamu sudah baca posting aku
*Jadi kamu wajib komentar
*Dengan syarat: menggunakan bahasa yang baik, benar, dan sopan (!!)
*Mari tinggalkan komentar di kotak bawah ini ( ^ v ^ )