Cara buat simbol hati(love) berguguran

Tutorial kali adalah bagi anda yang suka menghiasi blog dengan bermacam macam widget iaitu cara membuatkan simbol hati yang berguguran pada blog anda.
Langkah langkah bagi membuatnya:
Log in ke blogger Pilih design--Layout--Add a gadget


layout


Pilih ruangan dibawah header


HTML/javascript






Masuk kan kod ini:
<marquee behavior=scroll direction=down scrollamount=3 scrolldelay=49 height=731 style='position:absolute; left:85%; top:6px; width:15; height:731px;'><img src=" http://3.bp.blogspot.com/-uwluB8NLdmA/Tokze3Yx9_I/AAAAAAAABvg/vlAHYByqzD8/s1600/heart.gif" border="0" /></marquee>
<marquee behavior=scroll direction=down scrollamount=2 scrolldelay=22 height=755 style='position:absolute; left:9%; top:170px; width:15; height:755px;'><img src=" http://3.bp.blogspot.com/-uwluB8NLdmA/Tokze3Yx9_I/AAAAAAAABvg/vlAHYByqzD8/s1600/heart.gif" border="0" /></marquee>
<marquee behavior=scroll direction=down scrollamount=7 scrolldelay=49 height=759 style='position:absolute; left:80%; top:70px; width:15; height:759px;'><img src=" http://3.bp.blogspot.com/-uwluB8NLdmA/Tokze3Yx9_I/AAAAAAAABvg/vlAHYByqzD8/s1600/heart.gif" border="0" /></marquee>
<marquee behavior=scroll direction=down scrollamount=5 scrolldelay=47 height=729 style='position:absolute; left:34%; top:70px; width:15; height:729px;'><img src=" http://3.bp.blogspot.com/-uwluB8NLdmA/Tokze3Yx9_I/AAAAAAAABvg/vlAHYByqzD8/s1600/heart.gif" border="0" /></marquee>
<marquee behavior=scroll direction=down scrollamount=7 scrolldelay=13 height=584 style='position:absolute; left:12%; top:128px; width:15; height:584px;'><img src=" http://3.bp.blogspot.com/-uwluB8NLdmA/Tokze3Yx9_I/AAAAAAAABvg/vlAHYByqzD8/s1600/heart.gif" border="0" /></marquee>
<marquee behavior=scroll direction=down scrollamount=7 scrolldelay=7 height=789 style='position:absolute; left:48%; top:170px; width:15; height:789px;'><img src=" http://3.bp.blogspot.com/-uwluB8NLdmA/Tokze3Yx9_I/AAAAAAAABvg/vlAHYByqzD8/s1600/heart.gif" border="0" /></marquee>
<marquee behavior=scroll direction=down scrollamount=4 scrolldelay=19 height=777 style='position:absolute; left:23%; top:140px; width:15; height:777px;'><img src=" http://3.bp.blogspot.com/-uwluB8NLdmA/Tokze3Yx9_I/AAAAAAAABvg/vlAHYByqzD8/s1600/heart.gif" border="0" /></marquee>
<marquee behavior=scroll direction=down scrollamount=4 scrolldelay=9 height=719 style='position:absolute; left:40%; top:91px; width:15; height:719px;'><img src=" http://3.bp.blogspot.com/-uwluB8NLdmA/Tokze3Yx9_I/AAAAAAAABvg/vlAHYByqzD8/s1600/heart.gif" border="0" /></marquee>
<marquee behavior=scroll direction=down scrollamount=4 scrolldelay=17 height=592 style='position:absolute; left:52%; top:181px; width:15; height:592px;'><img src=" http://3.bp.blogspot.com/-uwluB8NLdmA/Tokze3Yx9_I/AAAAAAAABvg/vlAHYByqzD8/s1600/heart.gif" border="0" /></marquee>
<marquee behavior=scroll direction=down scrollamount=7 scrolldelay=23 height=795 style='position:absolute; left:10%; top:1px; width:15; height:795px;'><img src=" http://3.bp.blogspot.com/-uwluB8NLdmA/Tokze3Yx9_I/AAAAAAAABvg/vlAHYByqzD8/s1600/heart.gif" border="0" /></marquee>
<marquee behavior=scroll direction=down scrollamount=4 scrolldelay=50 height=532 style='position:absolute; left:77%; top:1px; width:15; height:532px;'><img src=" http://3.bp.blogspot.com/-uwluB8NLdmA/Tokze3Yx9_I/AAAAAAAABvg/vlAHYByqzD8/s1600/heart.gif" border="0" /></marquee>
<marquee behavior=scroll direction=down scrollamount=7 scrolldelay=27 height=772 style='position:absolute; left:8%; top:8px; width:15; height:772px;'><img src=" http://3.bp.blogspot.com/-uwluB8NLdmA/Tokze3Yx9_I/AAAAAAAABvg/vlAHYByqzD8/s1600/heart.gif" border="0" /></marquee>
<marquee behavior=scroll direction=down scrollamount=4 scrolldelay=43 height=750 style='position:absolute; left:33%; top:174px; width:15; height:749px;'><img src=" http://3.bp.blogspot.com/-uwluB8NLdmA/Tokze3Yx9_I/AAAAAAAABvg/vlAHYByqzD8/s1600/heart.gif" border="0" /></marquee>
<marquee behavior=scroll direction=down scrollamount=4 scrolldelay=44 height=556 style='position:absolute; left:92%; top:197px; width:15; height:555px;'><img src=" http://3.bp.blogspot.com/-uwluB8NLdmA/Tokze3Yx9_I/AAAAAAAABvg/vlAHYByqzD8/s1600/heart.gif" border="0" /></marquee>
<marquee behavior=scroll direction=down scrollamount=7 scrolldelay=36 height=577 style='position:absolute; left:87%; top:185px; width:15; height:578px;'><img src=" http://3.bp.blogspot.com/-uwluB8NLdmA/Tokze3Yx9_I/AAAAAAAABvg/vlAHYByqzD8/s1600/heart.gif" border="0" /></marquee>
<marquee behavior=scroll direction=down scrollamount=5 scrolldelay=15 height=760 style='position:absolute; left:89%; top:47px; width:15; height:759px;'><img src=" http://3.bp.blogspot.com/-uwluB8NLdmA/Tokze3Yx9_I/AAAAAAAABvg/vlAHYByqzD8/s1600/heart.giff" border="0" /></marquee>
<marquee behavior=scroll direction=down scrollamount=7 scrolldelay=8 height=786 style='position:absolute; left:29%; top:0px; width:15; height:785px;'><img src="http://3.bp.blogspot.com/-uwluB8NLdmA/Tokze3Yx9_I/AAAAAAAABvg/vlAHYByqzD8/s1600/heart.gif" border="0" /></marquee>
<marquee behavior=scroll direction=down scrollamount=2 scrolldelay=31 height=720 style='position:absolute; left:29%; top:108px; width:15; height:719px;'><img src="http://3.bp.blogspot.com/-uwluB8NLdmA/Tokze3Yx9_I/AAAAAAAABvg/vlAHYByqzD8/s1600/heart.gif" border="0" /></marquee>
<marquee behavior=scroll direction=down scrollamount=2 scrolldelay=46 height=531 style='position:absolute; left:38%; top:45px; width:15; height:530px;'><img src="http://3.bp.blogspot.com/-uwluB8NLdmA/Tokze3Yx9_I/AAAAAAAABvg/vlAHYByqzD8/s1600/heart.gif" border="0" /></marquee>
<marquee behavior=scroll direction=down scrollamount=6 scrolldelay=39 height=573style='position:absolute; left:73%; top:129px; width:15; height:572px;'><img src="http://3.bp.blogspot.com/-uwluB8NLdmA/Tokze3Yx9_I/AAAAAAAABvg/vlAHYByqzD8/s1600/heart.gif" border="0" /></marquee>

Kemudian klik butang save dan lihat hasilnya.

update 9/5/2013

Post a Comment

17 Comments:

OrangMalaysia said...
Teknik Buat Blog

terima kasih

Anonymous said...
Teknik Buat Blog

sy nk tya, kalo nk tgk guna chrome mmg xleh ek?

sibersensasi said...
Teknik Buat Blog

@SRSY10chrome tak support marquee..:(

Fanisya Ato Funnysya said...
Teknik Buat Blog

waaah bagus...terima kasih

nurulhanif said...
Teknik Buat Blog

terima kasih untuk info ni..:)

Encik Anif said...
Teknik Buat Blog

Tutorial menarik.. Tapi kurang sesuai untuk diletakkan diblog Saya :D

Post Terbaharu Saya - Bajet 2012 - Dari 12% ke 13%

Naznin Hakim said...
Teknik Buat Blog

x jadi pon... :(

~Miss Taurus~ said...
Teknik Buat Blog

salam..nk tnya mcm mana nk cri design page element tu..xda la plak sy cari..

sibersensasi said...
Teknik Buat Blog

@~Miss Taurus~kena log in ke dashboard kalau tak sama mungkin cik guna dashboard yg baru...

sibersensasi said...
Teknik Buat Blog

@~Miss Taurus~kalau yg baru ada ditepi sebelah kiri ada layout...klik pada layout akan muncul

Miera Fatasha said...
Teknik Buat Blog

Npe bila saya truk Love tu , die jd bsar blog saya ?

Anggun Mutiara said...
Teknik Buat Blog

good job

Unknown said...
Teknik Buat Blog

terbaik laaa

Unknown said...
Teknik Buat Blog

bro.. macam mana nak buat kotak macam bro buat atas tu tempat kotak letak kod/code . kotak komen pun sama. cantik sebab tidak banyak ruang perlu digunakan kebawah.. info sikit.
[tq bro.. banyak info saya dpat dr sini]

sibersensasi said...
Teknik Buat Blog

@elman limyang tu dipanggil scroll,tak banyak guna ruang.....cuba lihat tutorial ni...http://teknikbuatblog.blogspot.com/2010/07/cara-pasang-kotak-scroll-pada-blog.html

BI BLOGSPOT said...
Teknik Buat Blog

tq

Unknown said...
Teknik Buat Blog

thanks.. banyak membantu