Tuesday 13 August 2013

Tutorial Membuat Double Klik Untuk "Back To Top" Pada Blog

Biasa kita lihat pada sesuatu blog, pemilik blog akan meletakan satu ikon "back to top" pada bawah halaman blog untuk memudahkan visitor kembali scroll ke halaman atas setelah scroll ke bawah halaman blog. Disini saya akan sertakan tutorial untuk membuat fungsi Back to Top hanya dengan duoble klik sahaja.

Tutorial:
PS: PASTIKAN ANDA BACKUP DAHULU TEMPLATE BLOG ANDA UNTUK LANGKAH KESELAMATAN . Lihat sini >> http://faiz-tutorial.blogspot.com/2013/02/tutorial-backuprestore-template.html

1. Login ke akaun blogger anda.
2. Klik pada butang More Option dan klik Template

3. Klik Edit HTML

4. Klik pada ruang edit html dan tekan CTRL+F untuk paparkan ruang search

5. Cari kod dibawah:
 </head> 

6. Copy (CTRL+C) dan Paste (CTRL+V) kod dibawah sebelum kod  </head>
<script language="JavaScript1.2">
function dblclick() {
window.scrollTo(0,0)
}
if (document.layers) {
document.captureEvents(Event.ONDBLCLICK);
}
document.ondblclick=dblclick;
</script>

7. Klik Save Template


#Selesai :)

1 comment: