Dengan adanya tombol tersebut dapat memudahkan pengunjung kembali lagi ke atas halaman blog jika mereka berada di bagian terbawah, sehingga tidak menggunakan fungsi scroll lagi dengan meng-klik tombol tersebut.
Jika Anda ingin memasang tombol back to top pada blog, berikut simak langkah-langkahnya:
1. Login akun blogger Anda.
2. Pilih Template > Edit HTML > centang Expand Template Widget.
3. Kemudian cari kode </body> untuk mempercepat pencarian gunakan Ctrl + F.
4. Letakkan kode dibawah ini tepat diatas </body>
<script src='http://id-pemula-javascript.googlecode.com/files/backtotop.js' type='text/javascript'/>
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2Zu4_JxZE7cBu1iUdGFIm5OMrnbOJi8cCuM_k5f8lAX4PAEz31bpYGiRsO3U5E5-GYmBE8G1ahc3AwOhBv7abvybM4FksJZOOdZtsGq7q9dWmwkR4Go1hI8wAAPFCne9v703Ys2uuZ9Y/s1600/back-to-top.gif'/></a>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
5. Setelah selesai 'Simpan template'.<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2Zu4_JxZE7cBu1iUdGFIm5OMrnbOJi8cCuM_k5f8lAX4PAEz31bpYGiRsO3U5E5-GYmBE8G1ahc3AwOhBv7abvybM4FksJZOOdZtsGq7q9dWmwkR4Go1hI8wAAPFCne9v703Ys2uuZ9Y/s1600/back-to-top.gif'/></a>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
Nah, sekarang pengunjung blog Anda sangat terbantu dengan adanya tombol back to top ini, semoga bermanfaat.
{ 0 komentar... read them below or add one }
Posting Komentar