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.
demonya dimana.
BalasHapusDemo nya udah gak diproduksi lagi.. eh salah ya.. tak pikir bemo tadi... hahaha..
Hapusowh iya pantesan aja serasa ada yg kurang hehe lupa
Hapusdemonya masih di hidden :)
Hapusdemonya lagi di bengkel.
Hapusandes : hahaha
HapusTia : hihihi
Wah.. sangat membantu banget nih mas, dari pada pegang mouse yg kadang-kadang salah klik alias salah pencet.. oke tak coba dulu mas.
BalasHapusmonggo silahkan mas di pencet .. eh di pasang
Hapuswah jadi pengen salah klik alias salah pencet nih :D
Hapushohoho ada-ada aja nih mas bayu
Terima kasih Mas Rully atas sharenya, ini alternatif tatkala mousenya ngambeg, heheheh..:)
BalasHapusterimakasih kembali ... nah itu maksudnya sob ..
Hapusgue belum pernah coba pake keybord navigasi...
BalasHapusgue bookmark dulu yah gan ..siapa tau nanti diperlukan
oks sob ...
Hapusini berarti sama fungsinya kayak tombol next - prev gitu ya mas :)
BalasHapusbetul kan?hehehe
sama juga dengan tombol 1 2 3 4, de el el.. di blog kan ^^ .
Hapustia selalu wakilin jawab , kang andes benear sob itu alternatif untk next and prev
Hapusmantap mantap pokonya hadew euyyyy........
BalasHapushaturnuhun pokonamah udah berbagi hehhehhe
lebih mantap kopi item kang hehe
Hapuskapan2 aku ikutan nyoba ya kang hehehee... :)
BalasHapussiap kang .. mangga di cobian heuheu
Hapus