Cara Memasang Tombol Back to Top di Blog
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/AVvXsEiBp932QA58bJf1zK_kkTDK1qB5G9A5S-YA3ladHiccWGtU6hKIF7R90XCB3T1GwdhgfnsDp2E6IbmLuxxISlJDWv7yeKvp5h6pHl6dNsyJB7CXcffEvBdphnHZjTE7mAf9AHzUDLPpOLY/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/AVvXsEiBp932QA58bJf1zK_kkTDK1qB5G9A5S-YA3ladHiccWGtU6hKIF7R90XCB3T1GwdhgfnsDp2E6IbmLuxxISlJDWv7yeKvp5h6pHl6dNsyJB7CXcffEvBdphnHZjTE7mAf9AHzUDLPpOLY/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 comments:
Post a Comment