Cara Mudah Pasang Tombol Back to Top/Kembali ke Atas di Blog

Lompat ke atas

Selamat bertemu kembali di se-cara.blogspot.com. Di sini Ane akan bahas mengenai tombol back to top.Tombl back to top/kembali ke atas adalah sebua tombol yang digunakan untuk untuk mempercepat cara kerja scrolling pada blog yaitu dari bawah ke atas, maksudnya dari footer blog ke header blog. Sehingga para pengunjung blog akan lebih mudah kembali ke header blog hanya dengan satu kali klik tombol. Cara ini dirancang menggunakan kode Jquery, tapi bisa juga dengan menggunakan kode JavaScript, hanya saja dengan kode Jquery ini lebih lembut dan berkesan COOL. Sesuai dengan judul di atas, silahkan ikuti perjalanan di bawah ini:

1. Karena cara ini menggunakan kode Jquery, maka login ke akun Blogger

2. Pilih Template, Edit HTML 

3. Cari kode </body>

4. Letakkan kode di bawah ini tepat di atas kode: </body>

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

Ket: Jika di blog Ente sudah ada kode Jquery, kode di atas tidak perlu lagi diikut sertakan dalam perjalanan ini.

5. Kemudian copy kode di bawah ini, dan letakkan tepat di atas kode: </body>

<script src='http://yourjavascript.com/776242314/javatop.js' type='text/javascript'/> 

<!-- Back to top designed by se-cara - se-cara.blogspot.com --> 

<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Lompat ke atas'><img onclick='MGJS.goTop();return false;' src='letakkan URL gambar Ente di sini'/></a>

Ket: Tulisan yang berwarna merah pada kode di atas, silahkan ganti dengan url gambar Ente.

6. Setelah semuanya berjalan tanpa halangan, klik simpan template

Cukufff sekian "Cara Mudah Pasang Tombol Back to Top/Kembali ke Atas di Blog" perkara ada apa-apa, tulis di kotak komentar.

Related Posts:

Tweet