Cara Membuat Tombol Back To Top

Cara Membuat Tombol Back To Top

Cara Membuat Tombol Back To Top di Blog, tombol back to top ini berfungsi untuk mempercepat scrolling dari bawah keatas disebuah web atapun blog sehingga mempermudah pengunjung untuk kembali pada bagian atas dari blog/web dengan cepat ketika berada dibagian bawah halaman. Sebagai contoh kita bisa lihat dibawah ini yang saya tandai...

Oke, setelah melihat contoh gambar yang ada, kita langsung saja cara pembuatannya

1. Seperti biasa masuk di blog anda bukan blog saya...
2. Pilih Template---Edit HTML---Centang Expand Widget Templates
3. Cari Kode </body> Gunakan Ctrl+F atau F3 untuk mempercepat pencarian
4. Kemudian copy kode dibawah ini, tepat diatas Kode </body>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>


5. Selanjutnya copy kode dibawah ini, tepat dibawah kode di atas

<script src='http://bloggerpeer.googlecode.com/files/backtotop.js' type='text/javascript'/>
<!-- Back to top designed by Blogger Peer - bloggerpeer.blogspot.com -->
<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/AVvXsEjSfXdyeidk9yU4PMitJOXVH2n-8kuF-DnOylIH6KPIqn3a6A53DwVWgLR-_tXNknnK8h8WCoPYVWfEdRlDaM5tv3YDaZjjAMXq4BI8ULKXX_rPhqdx8SCvirU8l_VcAMWHVqIjiTp-Ryc/s1600/back-to-top.gif'/></a>


Sehingga akan seperti ini...

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://bloggerpeer.googlecode.com/files/backtotop.js' type='text/javascript'/>
<!-- Back to top designed by Blogger Peer - bloggerpeer.blogspot.com -->
<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/AVvXsEjSfXdyeidk9yU4PMitJOXVH2n-8kuF-DnOylIH6KPIqn3a6A53DwVWgLR-_tXNknnK8h8WCoPYVWfEdRlDaM5tv3YDaZjjAMXq4BI8ULKXX_rPhqdx8SCvirU8l_VcAMWHVqIjiTp-Ryc/s1600/back-to-top.gif'/></a>


6. Kemudian Simpan Template dan lihat hasilnya.

Postingan terkait: