Lompat ke konten Lompat ke sidebar Lompat ke footer

Widget HTML #1

Menambahkan Button Back To Top

Salam blogger :) yuk belajar ngeblog lagi. Kali ini bagaimana kalau kita belajar untuk mempercantik blog kita lagi? Setuju :D Salah satu yang kita akan bahas kali ini adalah cara menambahkan button back to top.Saat kita menulis blog kadang tulisan yang kita buat itu panjang, atau juga tulisan yang kita posting itu banyak komentar, sehingga halamannya ke bawahnya juga panjang.

Kadang saya sendiri juga melihat dari atas, mulai dari judul,isi, dan juga komentar-komentar yang masuk. Saat sampai di paling bawah atau juga tidak terlalu di bawah kita ingin ke atas, jadi kita harus memutar grid mouse itu. Ini di manfaat kita menambhak button back to top, kita dapat dengan mudah kembali ke atas. Tinggal mengklik button itu kita akan langsung ke atas (top).

Cara Menambahkan Button Back To Top
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Copy paste kode di bawah sebelum kode ]]></b:skin>

#csstop {
overflow: hidden;
float:right;
width:33px;
height:50px;
clear:both;
}

6. Tambahkan kode dibawah ini sebelum kode </body>

<a id="csstop" href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjkA4oNDeT4hBCk0zCTzHBhhrH_jB0r9mURyhpasNSrCxi9fo30YYiE7N3izFVK7zmYLJqZPNvJpxAX6SaemIAS6i-WmUMgJoRSO5CLD4MX97YiCDS2fzDH9XkCdiOvX_AU8Ps16gZnH7Z/s1600/up_button.jpg" title="back to top"/></a>

7. Simpan Template jika sudah selesai.