Membuat Tombol Back To Top di Blog - Melayang

Tombol Back To Top Adalah Tombol yang berfungsi untuk memperlihatkan bagian teratas suatu website atau blog setelah pengunjung membaca atau melihat isi postingan sampai bagian bawah sehingga pada saat akan kembali ke bagian paling atas, tidak perlu mengarahkan mouse pada scroll bar Browser untuk melihat bagian atas, hanya cukup dengan meng klik tombol tersebut.

Tombol back to Top Blogspot kali ini berjenis melayang (floating) dan berada di bagian pojok kanan bawah. kodenya pun cukup sedehana dan mudah.

cara membuatnya di blog sobat silahkan lihat totorial dibawah ini.

Silahkan Ikuti Langkah-langkah berikut :

1. Silahkan login akun Blog Anda

2. Pilih menu Rancangan dan Pilih Elemen Laman

3. Setelah itu pilih Tambah Gadget 

4. Kemudian Tambahkan HTML/JavaScript

5. Copy kode berikut:

<style type='text/css'> #bttop{border:1px solid #4adcff;background:#24bde2;text-align:center;padding:5px;position:fixed;bottom:35px;right:10px;cursor:pointer;display:none;color:#fff;font-size:11px;font-weight:900;} #bttop:hover{border:1px solid #ffa789;background:#ff6734;} </style> <div id='bttop'> BACK TO TOP</div> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script> <script type='text/javascript'>$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$('#bttop').fadeIn();}else{$('#bttop').fadeOut();}});$('#bttop').click(function(){$('body,html').animate({scrollTop:0},800);});});</script>

6. Paste/letakkan kode tersebut Di atas kode </body>  kemudian save.

# Silahkan sobat bisa ganti tulisan >BACK TO TOP< Dengan tulisan yg sobat suka,,,,,