Tips Membuat Navigasi "Back To Top" Blogspot

Tips membuat navigasi "Back To Top" Blogspot dengan mudah dan works tenan. Navigasi atau tombol back to top sangat berguna untuk kemudahan pengunjung dalam explorasi konten website atau blog kita, dimana jika terdapat konten yang terlalu panjang, pengunjung tidak perlu capek untuk menscroll berulang-ulang hanya untuk sampai ke header website atau blog.

Biasanya ketika pengunjung sudah sampai di akhir sebuah artikel, jika tidak ada related artikel atau social media share atau ads, pengunjung malah akan kebingungan ingin melakukan apa, dan akhirnya pengunjung lebih memilih untuk move on menekan tombol exit. Jadi dengan adanya kombinasi fitur yang tepat, ini akan jadi sumber dollar yang tepat dimana ada ads, ada related artikel, dan tombol back to top.

Related Article - Tips Anti Plagiat, Menonaktifkan CTRL+U Blogspot

Ok, Langsung saja ke tahap implementasi :

1. Pastikan sudah masuk ke akun blogspot anda, jika belum monggo login dulu. :)
2. Pilih menu "Template"
3. Pilih "Edit HTML"
4. Gunakan CTRL+F, Cari kode ]]></b:skin>
5. Kalo sudah ketemu, monggo copy script CSS dibawah ini, dan paste tepat diatas kode ]]></b:skin>
   
   
   #scrolltop{
       padding:5px;
       position:fixed;
       bottom: 5px;
       right: 5px;
       cursor:pointer;
   }


6. Kemudian gunakan CTRL+F, Cari kode </head>
7. Kalo sudah ketemu, monggo copy kode Javascript dibawah ini, dan paste tepat diatas kode </head> 
   
   
   <script src='https://googledrive.com/host/0By-e_j-W4HZ1S0dwRTJLOHhyOE0' type='text/javascript'></script>
   <script language="javascript"> $(window).ready(function(){ $('#scrolltop').click(function(e){ e.preventDefault(); $('html, body').animate({scrollTop:0}, 'slow'); }); }); </script>


8. Gunakan CTRL+F, Cari kode </body>
9. Kalo sudah ketemu, monggo copy kode Javascript dibawah ini, dan paste tepat diatas kode </body> 
   
   
   <a href="#" id="scrolltop"><img src="URL Icon Agan" alt="Back To Top" title="Back To Top" /></a>

Related Article - Tips Membuat Animasi Images Artikel Blogspot

Trakhir agan tinggal ganti text yang merah dengan url icon back to top agan kemudian klik Save untuk menyimpan perubahan. So, demikian artikel tentang tips membuat navigasi "Back To Top" Blogspot kali ini, semoga bermanfaat. :)