Membuat Tombol Kembali Keatas Halaman Blog

Cara buat Tombol  Kembali Keatas Halaman Blog atau Tombol Back To Top

P a d a blog biasanya saat halaman discroll kebawah disaat baca artikel dalam blog tersebut jika ingin kembali lagi ke halaman paling atas harus discroll lagi keatas dan karena itu bisa menyita waktu bagi pengunjung blog saat membaca isi blog tersebut.

Tombol Back To Top atau tombol kembali keatas halaman blog merupakan tombol otomatis kembali keatas halaman untuk mempermudah bagi pembaca atau pengunjung blog.

Seperti pada blog ini sudah memberikan fasilitas tombol Back To Top.

Cara buat Tombol  Kembali Keatas Halaman Blog atau Tombol Back To Top;

1. Masuk ke akun Blogspot,
2. Buka bagian Template – Edit HTML,
3. Cari kode </body> dengan CTRL+F,
4. Copy kode ini dan Paste di atas kode </body>.

<!--Azaskom - Tombol kembali ke atas!--> <span class='back-to-top'><a href='#'> &#8593; </a></span> <span class='back-to-top-a'><a href='#'/></span> <style> .back-to-top {position: fixed ;bottom:20px;right:10px;z-index:9999999} .back-to-top-a {font-size:10px;z-index:9999999;opacity:0.2;position:fixed;bottom:0;} .back-to-top a {font-size: 30px ;background-color: #DD3434 ;color:#FFF;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;padding:12px 18px 20px;text-decoration: none}.back-to-top a:hover {background-color: #272727 ;text-decoration: none} </style>

Hasilnya bisa dilihat diblog AzaSkom ini dibagian pojok kanan bawah.Bagian yang diblog bisa diubah warna tombolnya sesuai yang diinginkan. Dan warna di kode diatas yaitu warna merah.

Silakan mencobanya untuk Membuat Tombol  Kembali Keatas Halaman Blog, semoga bermanfaat dan terimakasih telah berkunjung.

Baca juga Membuat Menu Blog Tetap Muncul Saat Discoll pada Halaman

Jika ada pertanyaan atau saran jangan sungkan untuk memberikan komentarnya bagi AzaSkom.