Menambahkan Navigasi Keyboard kanan-kiri DiBlogger

by

helmy

MEMASANG NAVIGASI KEYBOARD DIBLOGGER

Menambahkan Navigasi Keyboard DiBlogger

Selamat Datang di Blog Orang IT . Baru pulang malming sempatkan sebentar untuk update blog mengenai bagaimana cara memasang navigasi keyboard di blogger , ya jadi saat pengunjung membuka blog kita mereka akan disuguhkan navigasi langsung menggunakan virtual keyboard keren kan 
Umumnya dikeyboard komputer terdapat sebuah tombol navigasi arah panah kanan kiri atas bawah , tombol itu fungsinya untuk melakukan scroll baik baik kehalaman bawah maupun menuju halaman selanjutnya ada juga fungsi untuk nextpage maupun previous page , nah bagaimana jika tombol navigasi tersebut kita pasang pada blog kita yang menggunakan blogger ?

Jadi visitor blog tidak akan kesulitan dalam melakukan scroll mouse ataupun menekan tombol bawah secara terus menerus , jadi kita tampilkan navigasi keyboard ketika pengunjung mengakses blog kita agar lebih mudah mengoperasikanya

Keburu ngantuk langsung saja tutorial cara menambahkan navigasi ala keyboard di blogger :

1. Masuk blogger – tataletak – addwidget
2. Tambahkan javascript / HTML , pastekan script berikut ini
<script type=’text/javascript’>
document.onkeyup = function(event)
{
if (document.activeElement.nodeName == ‘TEXTAREA’ || document.activeElement.nodeName == ‘INPUT’) return;
event = event || window.event;
switch(event.keyCode)
{
case 37:
var newerLink = document.getElementById(‘Blog1_blog-pager-newer-link’);
if(newerLink !=null) window.location.href = newerLink.href;
break;
case 39:
var olderLink = document.getElementById(‘Blog1_blog-pager-older-link’);

if(olderLink!=null) window.location.href = olderLink.href;
}
};
</script>

3. Simpan dan lihat hasilnya , khusus yang laptop nya ada OS-On keyboardnya
Demikian postingan mengenai cara menambahkan navigasi keyboard diblogger semoga bermanfaat , sekian dan terimakasih semoga berhasil karena on keyboard ini hanya muncul pada visitor yang memang OS nya mendukung On Screen Keyboard saja

Related Post