Jun 19, 2013

Tutorial: Flower Snow



Assalamualaikum. Dah lama kita tak bertutorial kawaiikan blog ye dak? Sebab Yana baru tersedar yang blog picisan ni terhasil dan dikenali sebab Yana selalu konsikan tutorial blog masa mula berblogging dulu. Rasa sedih pulak sebab tak dapat tunaikan permintaan adik-adik tanya macamana nak buat tutorial itu ini. Hmmm. So lets fresh everything dan kita mulakan sekali lagi okay? Kali ni Yana ajarkan cemana nak letak "bunga-bunga comel berguguran dalam blog" korang. Tajuk tutorial kemain lagi. Haha. Its just like snow lah tau. Lets start.

1) Sign in blogger> Design> Add gadget> Html Javascript

2) Copy and paste code dekat bawah ni dalam Html Javascript

<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) Save.

Easy right? :-) Lain-lain tutorial boleh refer TUTORIAL.






Suka? LIKE je! :)


LIKE Fan Page Yana sekali yer! :)

6 comments:

Tengkubutang said...

hai.. salam kenal,
follower no.9532
done follow sini,
jom follow teman yea yunk..=)

http://tengkubutang@blogspot.com/ -->(official)
http://kucenkucenbelog.blogspot.com/ -->2nd blog

Tengkubutang said...

yana, camne nak buat mcm kat footer ni lak? nak taruk link or ucapan terima kasih kat bawah sekali ni? ada tuto x?

Diana Secret said...

used it :) thnks

Unknown said...

http://gamesyork.blogspot.com/2013/06/serious-sam-3-bfe-free-full-version.html

Mardiah Diana said...

Akak nak tutorial ni dik Yana...leh ker...

yqnq ellyana said...

@Mardiah Diana boleh sis :)

Post a Comment

Terima kaseh drops komen
Esok-esok drops komen lagi oke ! :)