Cara Membuat Tombol Back To Top Keren Dan Responsive Pada Blog

Assalamualaikum Wr.Wb ~ Sebelumnya selamat hari raya idul fitri 1437 Hijriah, Minal aidzin walfaidzin mohon maaf lahir dan batin. Kali ini saya akan berbagi bagaimana Cara Membuat tombol Back To Top Keren Dan Responsive Pada Blog. Tombol back to top ini tidak memberatkan halaman pada blog sehingga bagus sekali untuk di terapkan pada blog sobat-sobat. Langsung saja ke pokok pembahasan kali ini sobat cekidot.

Pertama Login terlebih dahulu ke blogger lalu masuk ke Template > Edit HTML

Setelah itu tekan tombol kombinasi pada keyboard yaitu CTRL+F lalu cari kata </body>

Selanjutnya copy script di bawah ini lalu paste kan script di atas </body> atau untuk cara pemasangan dapat dilihat di gambar di bawah ini.

<span class='back-to-top'><a href='#'> &#8593; </a></span>
<span class='back-to-top-a'><a href='https://husentulis.blogspot.co.id/'>CB</a></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>

Ganti url merah di atas dengan url blog sobat.

Setelah itu simpan template. Dan tarra anda pun mempunyai tombol back to top di blog anda yang keren dan responsive yang tidak memberatkan blog itu sendiri. gambar blog itu sendiri dapat di lihat di blog ini husentulis.blogspot.co.id di pojok kanan bawah.

Sekian Cara Membuat tombol Back To Top Keren Dan Responsive Pada Blog semoga membantu sobat sekalian, mohon maaf apabila ada kesalahan dalam pengetikan dan terimakasih telah mengunjungi.

Sebelum sobat menutup artikel ini, mohon saran dan komentarnya di kolom komentar apa kekurangan dan Cara Membuat tombol Back To Top Keren Dan Responsive Pada Blog ini ? supaya saya bisa memberikan artikel yang terbaik. Jika sobat merasa artikel ini bermanfaat mohon untuk di share artikel ini “ Ilmu tidak akan hilang apabila di tuliskan dan di amalkan “ Wassalamualaikum Wr.Wb.

Tweet