Fitur Back On Top Halaman Blog dengan Cara Double Klik


cara membuat fitur back on top dengan double klik
Idealnya, mengakses informasi di dalam blog adalah dengan cara membaca dan menyimak secara menyeluruh. Apalagi jika konten yang ditampilkan dalam blog tersebut sangat baik dan bermutu. Sedangkan luas area bidang halaman blog sangat terbatas. Bisa jadi, kalimat yang tertulis mengharuskan pengunjung untuk menggulung atau scroll halaman hingga ke bagian bawah.

Kemudian setelah selesai membaca, ternyata ada informasi yang ingin dibaca ulang agar lebih dimengerti. Dan pengunjung harus melakukan scroll ulang halaman blog menuju ke atas.

Nah untuk memudahkan pengunjung dalam mengakses blog tersebut tanpa harus bolak balik scrolling halaman menggunakan mouse, maka ada trik menarik yang patut sahabat coba. Yakni fitur back on top dengan cara double klik. Fitur ini merupakan inovasi dari trik yang pernah saya sampaikan sebelumnya, yakni cara membuat tombol button back on top pada blog.


Cara membuat fitur back on top

Berikut trik cara membuat fitur back on top pada halaman blog dengan cara double klik mouse.
1. Silakan masuk ke dasboard blogger.
2. Menuju ke menu Template, lalu klik Edit HTML.
3. Copy kode berikut, lalu pastekan tepat sebelum kode </head>.
<script language="JavaScript1.2">

function dblclick() {
window.scrollTo(0,0)
}
if (document.layers) {
document.captureEvents(Event.ONDBLCLICK);
}
document.ondblclick=dblclick;
</script>
4. Akhiri dengan Save.

Dan lihat hasilnya. Kini blog sahabat telah memiliki fitur back on top hanya dengan double klik mouse tanpa harus scrolling secara manual.

Bagaimana, menarik bukan?

Demikian cara mudah membuat fitur back on top halaman blog dengan cara double klik. Semoga bermanfaat dan selamat mencoba.

Share this with short URL:

You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser