Cara Membuat Tombol Ke Atas Seperti di Tibunnews

Pagi ini saya iseng iseng pengen liat berita bola di Tribun, di saat sedang asik membaca mata saya pun tiba tiba melirik ke arah kiri bawah. Eitsss bukan melirik iklan nya ya tapi tombol ke atas yang menurut saya enak di pandang dan juga keren+simple. Saya pun tertarik dengan tombol itu untuk saya pasang diblog, yang saya ingat blog ini belum ada tombol back to top nya.

Setelah saya selesai membaca berita tadi, saya pun memutuskan untuk mencopy tombol tersebut. Setelah sukses terpasang di blog saya, saya pun akan membagikan nya, langsung saya ini tutorial nya.

1. Pergi ke www.blogger.com

2. Klik blog anda.

3. Lalu pilih template > edit HTML

4. Silahkan copy kan kode css di bawah ini, lalu paste kan di atas kode </style> atau ]]></b:skin>.

.ontop{display:none;}.ontop{position:fixed;bottom:50px;right:0px;cursor:pointer;font-weight:bold;box-shadow:-5px 5px rgba(0,0,0,.1);padding:10px;background-color:#fff;opacity:0.6;filter:alpha(opacity=60)}.ontop span{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfFh2wM2gqbwqTYoTIANXS09XNDuGynVwmRTZyA_KfCBcz-DHDtFKdgfNqWKydZmLzx9TG9bkWODM8AWKQOKnPTYrKCPP3K4XRiHctFxiu0IMZT2WMIXzFLeOQClV14Tm7lT8DrGZRk5zO/s1600/ico.png);background-position:0px -272px; background-repeat:no-repeat;height:25px;width:22px;display:inline-block;vertical-align:middle;margin-right:5px}.ontop:hover{opacity:1;filter:alpha(opacity=100)}

5. Jika sudah copy kan lagi script di bawah ini dan paste kan diatas kode </body> yang terletak di bawah sekali.

<div class="ontop hide"><span></span>Atas</div>
<script type='text/javascript'>
$(function() { $(window).scroll(function() { if($(this).scrollTop()>100) { $('.ontop').fadeIn()} else { $('.ontop').fadeOut();}});
$('.ontop').click(function(){$('html,body').animate({scrollTop:0},1000);return false})});
</script>

6. Lalu simpan template, dan lihat hasilnya.

Bagaiman mudah sekali bukan? hanya dengan mengcopy paste kode diatas, maka sudah jadi tombol nya. Jika masih ada yang bingung silahkan bertanya di komentar, Mohon maaf jika terdapat kesalahan, saya ucapkan terima kasih karena sudah berkunjung.