Cara Memasang Tombol Back To Top Di Blog

Baik kali ini saya akan membagikan Cara Memasang Tombol Back To Top Di Blog, bagi kamu yang bingung bagaimana sih memasang Tombol back ti top diblog ? sebenarnya caranya sangat mudah kalian lakukan.

Tomblol back to top ini sangat sederhana dan keren, oke langsung saja berikut caranya ;

➥ Silahkan sobat ke Blogger lalu klik ➞ Template ➞ Edit HTML, jika sudah kalian cari kode ]]></b:skin> atau </style> ,tambahkan kode dibawah ini di atasnya

/* Back To Top */
.backtotop{display:none}.backtotop{position:fixed;bottom:50px;right:0;cursor:pointer;font-weight:bold;box-shadow:-5px 5px rgba(0,0,0,.1);padding:10px;background-color:#fff;opacity:.6}.backtotop span{background-image:url(https://2.bp.blogspot.com/-QLZM-aUhB6w/VyL3AeOfEfI/AAAAAAAADBU/g6Ff-NvsU_c3ZZn3LM0luDDCRnQjzEK9wCLcB/s1600/icon.png);background-position:0 -272px;background-repeat:no-repeat;height:25px;width:22px;display:inline-block;vertical-align:middle;margin-right:5px }.backtotop:hover{opacity:1}

➥ Lalu tambahkan kode dibawah ini diatas kode </body>

<div class="backtotop hide"><span></span>Atas</div>
<script type='text/javascript'>
$(function(){$(window).scroll(function(){$(this).scrollTop()>100?$(".backtotop").fadeIn():$(".backtotop").fadeOut()}),$(".backtotop").click(function(){return $("html,body").animate({scrollTop:0},800),!1})});
</script>

➥ Jika sudah selesai klik Simpan

Mudah sekalikan sobat untuk menambahkan Tombol back to top.

Share this post