Penggunaan javascript atau Jquery memang membuat tampilan template bagus dan sangat bagus, bahkan jika kode script dikumpul-kumpulkan cuma yang bagus-bagusnya saja buat tampilan blog sepertinya kurang templatenya saja hingga sampai pengunjung tidak bisa lagi membuka blog tersebut, saking beratnya, hehehe...
Nah oleh sebab itu saya coba posting Cara Membuat Back To Top Ringan, kenapa ringan karena tanpa script, berikut ini caranya:
Tambahkan kode di bawah ini ke dalam kode css, bisa di atas kode ]]></b:skin> atau </style> :
#backtotop{position:fixed;bottom:5px;right:2%;}
#backtotop a,#backtotop a:visited{font-size:1.1em;color:#8986A7;}
#backtotop a:hover{color:#cc4411;}
Untuk kode color di atas kalian bisa atur sendiri, sesuaikan agar tampil menarik di blog kalian.
Kemudian tambahkan kode di bawah ini dan taruh di atas kode </body> :
<div id='backtotop'>
<a href='#' rel='nofollow' title='Kembali menuju ke Atas'>↑keatas</a></div>
Dan jika ingin menambahkan gambar, ganti kode di atas dengan kode di bawah ini :
<div id='backtotop'><a href='#' rel='nofollow' title='Kembali menuju ke Atas'><img alt='Kembali ke Atas' src='url gambar punya sobat taruh di sini' title='Kembali ke Atas' /></a></div>
Simpan template dan lihat hasilnya.
Selesai, Cara Membuat Back To Top Ringan