Thursday, August 18, 2011

Membuat Tombol Back to Top

 Tombol back to top berguna jika postingan kita panjang sekali, sehingga mempermudah pembaca langsung naik ke atas. Inilah tutorial cara membuat tombol back to topnya

1.pilih layout

2.edit html ..download dulu templatenya buat jaga jaga

3.paste kode berikut sebelum kode ]]></b:skin>:
.gototop {<br />
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinZ4_OaHrL-39IhHC9avR523sh7-k41vKF8y4f5hzSPfxMB4adGZ7Lp1Yc8LwLpks6yQNfTlsJaZVfESnRASVrpTSlY4USlJ8idwOMn0rmryHiCPxZWFQ1QJ1aGBVGAFOs7Jf5nYRJ6-o/s400/arrowtopdt6.gif)no-repeat;<br />
display:block;<br />
_display:none;<br />
position:fixed;<br />
z-index:9999;<br />
text-indent:-9999px;<br />
width:17px;<br />
height:17px;<br />
overflow:hidden;<br />
outline:none;<br />
right:8px;<br />
bottom:35px<br />
}


4.Selanjutnya cari kode </body> lalu copas kode brikut tepat di atasnya:
<a class='gototop' href='javascript:scroll(0,0)' title='Go to Top'>Top</a>


5.lalu save templates

1 comment:

  1. I visited many sites but the audio feature for audio songs current at this website is truly marvelous.



    Also visit my webpage: wimdu

    ReplyDelete

Related Posts Plugin for WordPress, Blogger...