Cara menambahkan icon back to top pada blog

Pada postingan ini saya membawa tutorial tentang cara mudah menambah icon back to top keren untuk blogger, yang mana fitur ini akan memudahkan pengunjung blogger Sobat untuk kembali ke halaman atas setelah membaca artikel yang panjang atau browsing posting di halaman awal. Icon link yang digunakan dalam blog ini dalam ukuran kecil sehingga tidak akan merusak tampilan blog dan juga Anda dapat mengatur sendiri ukuran atau posisi dari ikon linknya. Nah, untuk lebih jelasnya ikuti langkah berikut.

Menambah Icon Back To Top

• Login ke Blogger Anda
• Klik Tata Letak - klik Tambahkan Gadget
• Dan pilih HTML/Javascript
• Selanjutnya copy dan paste script berikut : 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script><script type='text/javascript'>$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$("#rb-top").fadeIn()}else{$("#rb-top").fadeOut()}});$("#rb-top").click(function(){$("body,html").animate({scrollTop:0},800);return false})});</script><a href="http://satu-delapan.blogspot.com"></a><a id='rb-top'style='display: none; position: fixed; bottom: 1px; right:0%; cursor:pointer;font:12px arial;'><img src='URL LINK ICON SOBAT' width="50px" height="50px"/></a>

• Ganti URL LINK ICON SOBAT dengan link icon yang sobat inginkan, sobat bisa mencobanya dengan beberapa icon yang sudah saya sajikan

Berikut Icon dan Link-nya :

https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcT-6WK1nXAYZa8LmiYrb1BKLhFVowlEUZlC44ff07H9-aUr-Gld

https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT07o3nSeRZF_c42Z9kJ_y1O9InW8CkOAWkBuAvpf4rJn2p3dfp

https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQ3kkY_e6tD7Y2s9Wi3-hoFu-2EA_6lKaKFTJ-FRhAnpgLFsNO0ww

https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcQ-j1pCxC_7AgDUlihFp5YMtosiei4jWNH3umDkRwxW9dwtfmF8

https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTe4tVQRQMWMz7bZmTl7l2QKXRWhpenypoBUy1QKews4u1AZV8r

• Langkah terakhir klik Simpan Template

Keterangan :

• Untuk mengubah tinggi dan lebar ukuran icon edit pada script : width="50px" height="50px"

• Untuk mengatur jarak dari icon edit pada script : bottom: 1px; right:0%

• Sobat juga bisa mengganti icon link dengan icon milik Sobat sendiri, caranya cukup mengganti URL LINK ICON-nya

Bagaimana ? mudah kan ?

Dan akhir kata bila ada kesalahan dari tutorial kali ini, Sobat bisa tinggalkan komentar dan saran Sobat.