14 June 2011

Tutorial Back To Top & Move To Bottom

Salam..
Satu lagi siri tutorial dari Lanunsepet, kali ni dengan bagaimana memasang fungsi butang Back To Top dan Move to Bottom pada Blog korang. Mudah mudah memang mudah.. So rasanya tak payah nak terang panjang panjang rasanya ramai yang tahu bagaimana kod html dia berfungsi. 

Cuma nak bagitahu fungsi ni amat penting bagi memudahkan visitor untuk navigasi dalam blog kita, lebih lebih melibatkan artikel post yang cukup panjang.. Nak tenyeh tenyeh skroll penat, Nak klik klik malas, jadi ini penyelesaiannya. 

Langkah 1 
Login > Design > Add a gaddget > HTML/Javascript > Paste kod html dibawah.
** Title tidak perlu @ anda boleh selitkan kod ni dimana mana gadget.

<a style="display:scroll;position:fixed;bottom:260px;right:5px;" href="#" rel="nofollow" title="Back to Top"><img style="border:0;" src="http://i31.tinypic.com/2vtqqt3.png"/></a>
<br/>
<a style="display:scroll;position:fixed;bottom:225px;right:5px;" href="#GoDown" title="Move to Bottom" > <img style="border:0;" src="http://i32.tinypic.com/16lle91.png"/></a>

Langkah 2
Design > Edit HTML > Expand Widget Template > Cari </body> > Pastekan kod <a name='GoDown'/> di atas @ sebelum </body>  > Save template > View Blog

<a name='GoDown'/>

Ok siiiiap!, timekasih n credit pade www.cooltricksntips.com
Blog Widget by LinkWithin

3 komen disini yer..:

FazliShukor said...

waaaaa maseh lanun sepet!

aque said...

wah.. simpan masok note pad.. :D tq2.. :D

LaNuNsepet said...

wokey :-) sama2