Sunday, March 24, 2013

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:

39 comments

  1. suuukaa sangat dengan bungaa.. ehhe >.<

    ReplyDelete
  2. ehheheikk/ aah nasi aym misaii nyummm

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

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

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

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

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

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

    ReplyDelete
  9. thankss sangat ! sangat ! sangat ! sangat ! sangat ! hohohohoh~

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

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

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

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

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

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

    ReplyDelete
  16. 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

    ReplyDelete
  17. thxxxx .. menjadi gk .. heheh bunge bertaboran ..

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

    ReplyDelete
  19. 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?

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

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

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

    ReplyDelete
  23. yg bunga2 tu tk ad warne hijau kah Kak ?

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

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

    ReplyDelete
  26. macamana nk buat e? still tk jadi lagi bunga2 tu..

    ReplyDelete
  27. Cantiknya meriah nak jugak tp x reti..

    ReplyDelete

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

Jangan lupa LIKE! dan SHARE!

Terima kasih :)

Blogger Copyright © 2019. All Rights Reserved by BLOG CIK NURFARAH