Cara Membuat Tombol Back To Top Untuk Blog

Cara Membuat Tombol Back To Top Untuk Blog

Tombol Back To Top merupakan salah satu yang sering digunakan dan berfungsi untuk mempercepat proses scroll ke bagian atas. Umumnya button ini terpasang di sebelah kanan/kiri bagian bawah widget. Cara Membuatnya menggunakan script CSS biasa tanpa menggunakan JQuery.

Membuat Tombol Kembali Ke Atas :

1. Masuk ke blog,

2. Masuk ke bagian Layout / Design,

3. Klik Tambahkan Widget, kamu dapat menaruhnya bebas di letak apapun,

4. Pilih HTML/Javascript, lalu copy kode ini,

<style type="text/css">.backtotop a:hover {background:none;}</style><div class="backtotop"><a style="display:scroll;position:fixed;bottom:5px;right:5px;" class="backtotop" href="#" rel="nofollow" title="Back to Top"><img style="border:0;" src="link URL gambar" /></a></div>

5. Simpan Template,

6. Selesai.

Kamu dapat mengganti link URL gambar dengan gambar panah ke atas yang kamu inginkan. Atau dapat menggunakan opsi ke 2.

Add Go To Top Button with CSS :

1. Masuk ke akun blogspot kamu,

2. Masuk ke Template > Edit HTML,

3. Cari kode </body> dengan menggunakan CTRL + F,

4. Tempatkan kode berikut diatasnya atau sebelum kode </body>

<a title="Back to TOP" style="position: fixed; right: 15px; bottom: 15px; outline: medium none; border: 0px none;" href="#"><img border="0" alt="Back to TOP" src="http://i.imgur.com/Ffb7p.png"></a>

5. Simpan Template,