Tuesday, July 3, 2012

Tutorial: 'Back to Top' button untuk skrol naik

Assalamualaikum =)

Nampak tak button ninimouse pink yang ada pada bucu blog ni, yang bila anda klik dia, anda akan automatik 'dibawa naik' ke atas blog ini semula?

Ok, aku dapat tutorial ni dari Bloggerstop. Tutorial di situ dalam Bahasa Inggeris, jadi aku tukang translate je la sebenarnya. heh. 

Langkah 1

Pergi ke Layout  --> Add A Gadget --> HTML/JavaScript Type.



Langkah 2

Tampal kod di bawah. Kalau nak letak title, boleh je, tapi takkan keluar pun. =D
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://i34.tinypic.com/35lyjrb.gif" /></a>
Kalau korang move cursor pada ninimouse aku tu, akan keluar 'Nak naik dah?'. Macamana aku buat? Senang = tukarkan Back to Top dengan ayat yang korang nak.


Kalau nak tukar imej button korang kepada gif. images atau gambar statik yang korang nak, tukar http://i34.tinypic.com/35lyjrb.gif  kepada url imej yang korang nak. Boleh google 'gif. images' . Aku cadangkan website ni - Glitter Graphic Site - kalau nak cari gif images yang comel2, cukup2 saiz untuk buat button.


Langkah 3

Savekan semuanya. Tengok balik hasil kraftangan anda. 


Moga bermanfaat!
Share:

0 comments:

Post a Comment

Anda nak komen? PILIHAN BIJAK! Sila, sila....