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.


32 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. tqvm.. sukeee... jasamu dikenang...

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

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

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

    ReplyDelete
  10. thankss sangat ! sangat ! sangat ! sangat ! sangat ! hohohohoh~

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

    ReplyDelete
  12. Macam Mana Nak Tukar Tulisan Dekat Blog ?

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

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

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

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

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

    ReplyDelete
  18. 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
  19. thxxxx .. menjadi gk .. heheh bunge bertaboran ..

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

    ReplyDelete
  21. 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
  22. akak .. saya dah buat napa tak turun pon :(

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

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

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

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

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

    ReplyDelete

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

Terima kasih lepak sini, nanti datang lagi yer..
Sayang Korang...





Related Posts Plugin for WordPress, Blogger...
 
Copyright © 2016 Blog Cik Nurfarah. All Rights Reserved. Designed by Blog Cik Nurfarah.