Pernahkah Anda melihat tombol back to top di bagian kanan bawah suatu blog? Tombol back to top berfungsi apabila konten pada blog kita yang terlalu banyak sehinggan tampilan blog terlalu memanjang ke bawah.
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://suarune-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/AVvXsEgfugm7BSHN63FTAIIb8_NWby1hFUJ813-DuItACvZBNSc6ZI614A7AqQNGlGGKEz0QrUy_LRIuFYM5JuF5AzwWjtBYXRFf12JITvN9RaD8s-REbkrJ-oQ77FLQSqWva-ndTpUdjMIpC44/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'.
Semoga bermanfaat.....
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://suarune-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/AVvXsEgfugm7BSHN63FTAIIb8_NWby1hFUJ813-DuItACvZBNSc6ZI614A7AqQNGlGGKEz0QrUy_LRIuFYM5JuF5AzwWjtBYXRFf12JITvN9RaD8s-REbkrJ-oQ77FLQSqWva-ndTpUdjMIpC44/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'.
Semoga bermanfaat.....
No comments:
Post a Comment