Breaking News
random

Keyboard Navigation

di
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>


Save dan nikmati hasilnya. 


Artikel Menarik Lainnya :