Cara membuat tombol back to top dengan gambar

Tutorial kali ini saya akan membahas Cara membuat tombol back to top dengan gambar, sesuai judulnya gambar bisa kalian ganti sendiri sesuai keinginan kalian, artikel kali ini mungkin akan berguna untuk blog kalian. Ok kita mulai saja tutorial cara buatnya.

Cara membuat tombol back to top dengan gambar

1. Langkah pertama Silahkan kalian buka Blogger > Tema > Edit HTML, lalu cari </style>, kemudian simpan css berikut ini diatasnya

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



2. Cari </body>, simpan HTML & Javascript berikut ini diatasnya

<img class='jiul-back-to-top' 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(".jiul-back-to-top").fadeIn(e):jQuery(".jiul-back-to-top").fadeOut(e)}),jQuery(".jiul-back-to-top").click(function(t){return t.preventDefault(),jQuery("html, body").animate({scrollTop:0},e),!1})});
/*]]>*/</script>



3. Jangan lupa ganti LINK GAMBAR nya, jika sudah Save Template, Selesai.