Befikirlah sebagai seorang pemula, maka dunia ini akan terbuka bagimu.
iklan

Arrow Key Navigasi untuk Blogger

Arrow Key Navigasi untuk Blogger

 Arrow Key Navigasi untuk Blogger
Arrow Key Navigasi


Kenal dengan istilah shortcut? Cara alternatif dalam efisiensi berkerja. Pengoperasian shortcuts pasti menggunakan alat bantu, yang kita gunakan pada kasus ini adalah keyboard! Jika keyboard 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 saya 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 menambahkan JavaScript di bawah ke dalam template atau Widget (HTML/JavaScript):


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

Untuk demo nya coba di blog ini....


0 komentar:

Posting Komentar

Catatan
Dilarang menambahkan link aktif ataupun meng-iklankan suatu produk dll.
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG ANDA</i>
Untuk menyisipkan link gunakan tag <i rel="anchor">LINK ANDA</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>


Khusus untuk membalas komentar disarankan menggunakan tombol balas di bawah komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur. Karena mungkin, apa yang kita bahas saat ini akan sangat bermanfaat bagi pembaca lain.

Klik untuk melihat kode: :) :( ^_^ :D ;) :-bd :yaya: :'( :\ :p B) :Q :Ozz 7:( \o/ **p <3 0:) :-a 7:O *fck* x@ X@ ~x( =p*

PENTING UNTUK DIPERHATIKAN
OK