Assalamualaikum,
Tutorial ni memang cantik kalo letak di blog Sekarang nk buat la ni.
Ok, tutorial kali ni ibarat gugurnya bunga-bunga cinta di blog korang..ala-ala musim gugur je.
Contoh gambar macam ni:
Makin lama makin berguguranlah bunga itu gugur dan rasa macam
waahh macam di taman bunga ..
Jom ikuti cara mudah nak buatnya ni:
1. Sign in blogger > Design > Add Gadget > Html/JavaScript
2. Copy code di bawah dan paste ke dalam Html/Java 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'}).append(a).appendTo('body')});</script>
3. Lepas itu save SAVE dan tengok hasil yang terjadi.
Kalau rasa indah teruskan memakai widget ni, kalau rasa menyemak sila buang je hehehe.. Bye, selamat mencuba.
Do follow Me
|
Exchange link? tell me at my blogskin...
0 Comments posted :
Post a Comment