Thursday, March 10, 2016

Tutorial : Kelopak Bunga Berguguran

Assalamualaikum.. Hari ni aku nak share tentang macam mana nak buat supaya kelopak bunga bertaburan dekat blog korang.. Ingat tak dulu aku ada buat??? kelopak bunga ros jatuh berguguran..hehe.. dah macam lagu pun ada kan.. pi lantak la.. ni aku baik hati jadi aku share la mana la tau korang minah bunga ke mat bunga kee.. hehe

Depa lagu nila naa.. ni contoh jee

Ni hah step2 nya.. korang follow tau jangan p skip pulak..
1. Buka Dashboard > Design > Add A Gadget > HTML/Javascript
2. Then korang copy je apa yang aku bagi kat bawah ni dan paste dekat HTML/Javascript tadi naa

<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://tutorialuntukblog.blogspot.com/2011/10/tutorial-kelopak-bunga-berguguran-di.html'}).append(a).appendTo('body')});</script>

3. Lastly, korang save laa.. tengok menjadi ke idok..hehe

5 comments:

FIZA BUNYAMIN FAIZ said...

Alamak menjadi pulak daun2 n bunga2 bertaburan Kat blog .... Hihihih

Tq

Ain Athirah said...

dulu zaman sekolah pernah la buat . hehe skrg takdak .

umie yana said...

@faiza bunyamin hehe.. kann, suka tengok bunga2 tu..

K.A. said...

Kalau saya buat kan pelik pule.. huu

umie yana said...

@Khamsi Abdullah hahaha.. tak apa laa.. comel je KA nanti..hehhe

 
 photo cats_zpscdjdlx5h.jpg