Pages

Thursday, August 1, 2013

Tutorial: Cara letakkan kelopak bunga berguguran pada blog

Blog anda pasti akan nampak lebih menarik & cute + + + kan bile ada imej yg bergerak2...kan3...berminat x nak letak kelopak bunga pada blog? ..Berminat??? ..kalo minat korang blh ikuti tuto kami yg ke 4 kt bawah..

Cara2nya ialah:

1) Sign in akaun blogger
2)Dashboard >> Design >> Page element >> Add a gadget >> Html/javascript
3)CopyPaste kod pada ruang KANDUNGAN(ruangan TAJUK biarkan kosong)

#xfaham?? KLIK INI

Copy kod yg sy highlight untk tuto 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')
.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>

4)Korang save/simpan & lihat hasilnye ye..

P/s :Kalau rasa ada mana2 yg xpaham korang boleh trus tnye di ruangan shoutbox sy tu k ataupun boleh pm trus sy kt fb ye..

Terima Kasih & Selamat Mencuba..^^

Be nice here & leave your comment

2 comments:

Mairah Syakira said...

Assalamualaikum.... hehe sy blogger baruu.. kat mne sy nak cari dashboard too erk... nak wat ujan rintik2x cam awak katakan too.. :) hehe malunyee...

kay said...

utk tutorial hujan awk blh rujuk link ini..copy & paste je kt tab carian atas ney yea..utk dashbord kejp lg sy bg link dye yea..kalau awk xpaham..awk komen je kt alik bawah tutorial tu ye..=)


http://nurkhairiahirwanie.blogspot.com/2013/09/tutorial-hujan-di-blog.html