Jumat, 22 Oktober 2010

Navigasi Back to Top di Blog

Navigasi back to top ini sangat berguna bagi kenyamanan pengunjung blog. Terutama jika blog kita memiliki halaman yang panjang, sehingga tidak perlu men-scroll mouse untuk kembali ke bagian atas blog.
Cara memasangnya:
- Login ke blog
- Masuk ke menu Rancangan, klik Edit HTML
- Centang "Expand Widget Template"
- Supaya aman, silakan Download dulu template (klik Download Template Lengkap)
- Gunakan tombol F3, cari kode: </b:section>
Ada beberapa kode yang sama, pilih yang paling akhir/bawah
- Letakan code dibawah ini, tepat di bawah code: </b:section>

<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='URL image'/></a>

Misalnya:

archive69
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivrBNl8EFsj79H3_9GGSsPH09emjlY03YqU5nnpF-SD_IA2NGHRgST6j9bujhVaiQVyFptoNucGlOLNbTvp-TSkVyZ0raUV7cFGCkam0EAzJQMNsfi8qNRXzSP4a0BgrDQGn12s-qOfEg/s800/back-to-top.gif'/></a>

archive69
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv65TsOfyzxtcyCaMG0dHDCZSfxMZuyewwehqxHCQU2d3sigUg807BXEnQenVMuzwDbCmAyOCDOjrfz-DkGQYlJJk-69iu7ejosHa-90k2jQVl0sYzNkZxXgeGAISRDS744F7Ni0X9v-Q/s800/back-to-top3.jpg'/></a>

Kita bisa berkreasi, mencari atau membuat sendiri image. Supaya lebih mantabbbb

Terakhir Simpan Template
Selamat berkreasi!!

Tidak ada komentar:

Posting Komentar