Cara mudah membuat back to top dengan icon.
Jika ada sahabatku yang punya Blog memanjang ke bawah alangkah bagusnya jika pasang back to top.
Kali ini membuat back to top dengan icon.
- Caranya Log in pada Blog, layout, Edit HTMl, centang Expand Template Widget Cari kode </b:skin> .
- Kemudian copy kode dibawah ini dan pastekan diatas kode </b:skin> tadi.
.gototop{
background:url(http://tinyurl.com/n67r7d) no-repeat 0 0;
width:28px;
height:25px;
display:block;
_display:none;
position:fixed;
z-index:9999;
text-indent:-9999px;
overflow:hidden;
outline:none;
right:0px;
bottom:30px;
}
- Kemudian cari kode <div id='header-wrapper'> . Coppy dan pastekan kode di bawah ini taruh diatasnya.
<a name='gototop'/>
- Kemudian coppy dan pastekan kode di bawah taruh di atas kode </body>
<a class='gototop' href='#gototop' title='Go to Top'>top</a>
- Klik save, selesai.
Kali ini membuat back to top dengan icon.
- Caranya Log in pada Blog, layout, Edit HTMl, centang Expand Template Widget Cari kode </b:skin> .
- Kemudian copy kode dibawah ini dan pastekan diatas kode </b:skin> tadi.
.gototop{
background:url(http://tinyurl.com/n67r7d) no-repeat 0 0;
width:28px;
height:25px;
display:block;
_display:none;
position:fixed;
z-index:9999;
text-indent:-9999px;
overflow:hidden;
outline:none;
right:0px;
bottom:30px;
}
- Kemudian cari kode <div id='header-wrapper'> . Coppy dan pastekan kode di bawah ini taruh diatasnya.
<a name='gototop'/>
- Kemudian coppy dan pastekan kode di bawah taruh di atas kode </body>
<a class='gototop' href='#gototop' title='Go to Top'>top</a>
- Klik save, selesai.
7 komentar:
Mantap banget dinda...
tutorialnya mantep niee,,,,
langsung di coba ya....
hahaha.... gd job
yhanks infonya sob :0
selamat sore dik,
boleh juga ni, lelah saya scroll mouse.
tips ini bisa membantu..
terima kasih dik, semoga santai hari ini.
@ Terima Kasih buat kakak-kakakku senior yang sudi memberikan komentar pada blog ini.
jika gak berhasil ganti backgroundnya dengan icon anda semua...
Post a Comment