Cara Menciptakan Tombol Back To Top Dengan Gambar

Tutorial kali ini aku akan membahas Cara menciptakan tombol back to top dengan gambar, sesuai judulnya gambar dapat kalian ganti sendiri sesuai cita-cita kalian, artikel kali ini mungkin akan mempunyai kegunaan untuk blog kalian. Ok kita mulai saja tutorial cara buatnya.

Cara menciptakan tombol back to top dengan gambar

1. Langkah pertama Silahkan kalian buka Blogger > Tema > Edit HTML, kemudian 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, bila sudah Save Template, Selesai.

Bagikan Artikel ini