Cara membuat tombol back to top dengan gambar

Pada kesempatan tutorial kali ini kita akan membahas tentang cara membuat tombol back to top dengan gambar atau bisa juga disebut "2 Langkah dalam cara membuat tombol back to top dengan gambar pada platfrom blogger atau blogspot",
sesuai dengan judulnya gambarnya bisa diganti sendiri sesuai keinginan atau selera kalian, artikel ini mungkin akan berguna untuk blog kalian.
Untuk demonya bisa kalian lihat dibawah ini :

Demo

Ok langsung saja kita mulai tutorial cara buatnya.

Cara membuat tombol back to top dengan gambar

1. Langkah pertama Silahkan buka Dashboard Blogger > Pilih Tema > Pilih Edit HTML, kemudian cari </style>, lalu simpan css berikut ini diatasnya (masukkan kedalam css atau style tersebut)

.back-to-top-shift{position:fixed;bottom:2em;right:12px;text-decoration:none;padding:1em;display:none;cursor:pointer}



2. Kedua silahkan cari </body>, lalu simpan HTML & JS/Javascript berikut ini diatasnya

<img class='back-to-top-shift' src='Link Gambar'/>
<script type="text/javascript">/*<![CDATA[*/
jQuery(document).ready(function(){var t=222,e=495;jQuery(window).scroll(function(){jQuery(this).scrollTop()>t?jQuery(".back-to-top-shift").fadeIn(e):jQuery(".back-to-top-shift").fadeOut(e)}),jQuery(".back-to-top-shift").click(function(t){return t.preventDefault(),jQuery("html, body").animate({scrollTop:0},e),!1})});
/*]]>*/</script>



3. Jangan lupa ganti kode yang sudah di tandai, jika sudah save theme, selesai.
Link Gambar : Ganti dengan url / link gambar yang akan kamu pasang di backtotop
Pastikan kalian gabung saja css dengan css satu lainnya dan js dengan satu js lainnya agar blog tetap ringan