Keyboard Navigation

Siang All

Artikel kali ini untuk menjawab beberapa pertanyaan sahabat tentang membuat Keyboard Navigasi untuk post blogger. Standar template blogger menampilkan tautan navigasi melalui Posting Lebih Baru > Beranda > Posting Lama yang terdapat pada bagian bawah postingan . Dengan keyboard navigasi kita bisa mempermudah pengunjung untuk menelusurinya .

Note : Jika sobat ingin menavigasi ke halaman berikutnya sobat tinggal tekan tombol " Kanan Arrow Key " dan ketika sobat ingin menavigasi kehalaman sebelumnya tinggal tekan tombol " Kiri Arrow Key ".

Untuk menerapkannya di blog sobat seperti biasa masuk pada Edit Template > Cari Kode </head> dan paste kode dibawah ini tepat diatas kode </head> .

<script type='text/javascript'>
    window.onload = function()
    {
    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>