Tutorial 141: Bunga-bunga bertaburan di blog.

Assalamualaikum,

Tutorial ni ramai yang minta tapi malas sangat nak buat. Sekarang baru bermurah hati mau buat.

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 cebisan bunga itu gugur dan rasa macam waahh macam di taman bunga hahaha..walaupun aku suka bunga tapi aku malas nak letak dalam blog aku..

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 harum, segar dan indah teruskan memakai widget ni, kalau rasa menyemak sila buang je hehehe.. Bye, selamat mencuba.


Share this PostPin ThisEmail ThisShare on Google PlusShare on Tumblr
32 Comments for "Tutorial 141: Bunga-bunga bertaburan di blog."

suuukaa sangat dengan bungaa.. ehhe >.<

ehheheikk/ aah nasi aym misaii nyummm

alololo... cantik dh blog kita dibuatnya.~! thanks ya :)

Kalau jatuh benda lain boleh x? mcm nasi ayam ke, aiskrim ke, hadiah ke. ada x?

TQ ye..best follow sini..banyak tutorial yang menjadi..dah cantik dah blog saya..:)

tqvm.. sukeee... jasamu dikenang...

terima kasih 4 da tuto..da try,cntik..:)

tq so much..its very helpful now my bolg look more beautiful, may god bless you always

thanks untuk tutorialnya ya....dah aku coba n cantik hasilnya.... :)

thankss sangat ! sangat ! sangat ! sangat ! sangat ! hohohohoh~

sory.. tak jumpe kat mane 'add gajet'.. saye baru buat blog so kurang mahir lagi.. someone? boleh tolong?

Macam Mana Nak Tukar Tulisan Dekat Blog ?

assalam cik farah.. sye nk add widjet tp kat mne erk? x jumpe ponn..

comel dah blogger baru i :D thank cik farah...

cantik la blog cik farah nie....saya suka tengok....

HAI SIS.. MACAM NAK BUAT KARTUN DI ATS BLOG SIS?

dh jdi pun..tq akk..btw cantik blog akk :)

sis farah, kalau pakai new interface mmg tk boleh buat ea ? saya dh try tukar pada old template setting tapi apa yg sis suruh cari tu takde,, macam mane ? *peningpening

thxxxx .. menjadi gk .. heheh bunge bertaboran ..

nak tengok perkataan add gadget tu kat mana ? tk nampk pun

akak saya dah buat n copy tapi ade tulisan ni
Ralat menghuraikan XML, baris 1, lajur 57: The content of elements must consist of well-formed character data or markup.

macam mane ea tu kak?

akak .. saya dah buat napa tak turun pon :(

assalamualaikum . thanks akak atas perkongsian . btw mesmerized by your beautiful + adorable blog :)

macam mane?? *blur* maklumlah newbie here xD .. tak sampai sebulan lagi jadi blogger :3

yg bunga2 tu tk ad warne hijau kah Kak ?

terima kasih untuk tutorial ni.. memang menjadi.. jemput singgah blog saya bizana2u.blogspot.com

mcm mana nak cri add gadget tu? tak jmpa pun :-(

-Assalamualaikum, sila tinggalkan komen anda.
-Kalau suka tekan LIKE.
-Insyaallah komen anda akan dilayan :)

Jangan lupa LIKE! dan SHARE!

Terima kasih :)

Related Posts Plugin for WordPress, Blogger...
Back To Top