Kamis, 30 Mei 2013

Add JavaScript Arrow Key for Navigation Blogger

Kenal dengan istilah shortcut? Cara alternatif dalam efisiensi berkerja. Pengoperasian shortcuts pasti menggunakan alat bantu, yang kita gunakan pada kasus ini adalah keyboard! Jika kibor kita belum di apa-apakan alias masih natural, maka function key yg ada masih original :) Apa yg terjadi jika kibor telah di modifikasi (tweak) dengan JavaScript? So pasti akan terjadi perubahan fungsi, yg mana bisa diterapkan ke dalam template. Sekarang Koben akan berbagi cara memasang fungsi Arrow Key Navigation for Blogger ke kanan & ke kiri agar mempunyai fungsi menjadi sebuah navigasi ;)
Caranya cukup mudah sekali, kalian tinggal menanamkan seonggok JavaScript di bawah, ke dalam Widget (HTML/JavaScript)

<script>
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.

Thanks bloggerplugins Bila membutuhkan value keycode kibor datang saja ke Undercover Blog :)) Sekarang arah panah kiri & kanan keyboard berfungsi menjadi next and previus page blog.
Wassalam :)
codepen.io/P233/full/qEagi

Tidak ada komentar:

Posting Komentar