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

SRSY10 said...
Teknik Buat Blog

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

yahaya 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..:)

Anif® said...
Teknik Buat Blog

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

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

Baby Love 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..

yahaya said...
Teknik Buat Blog

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

yahaya 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

Mohd Fitri said...
Teknik Buat Blog

terbaik laaa

elman lim 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]

Fokus Impian 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

kuis islamics college said...
Teknik Buat Blog

thanks.. banyak membantu