Cara Mengganti Tombol Navigasi Dengan Keyboard

trik-membuat-tombol-navigasi-keyboard

Sekarang Anda tidak perlu lagi mencari dan mengklik tulisan posting lama, posting baru untuk menelusuri suatu blog. Anda bisa memanfaatkan tombol navigasi keyboard untuk menggantikan fungi tautan posting lama, atau bahkan tombol back atau forward di browser anda.

Anda mau lihat contohnya, sekarang coba navigasi kanan keyboard anda, maka otomatis akan menuju ke postingan sebelumnya. Selain untuk berfungsi/bekerja di postingan tapi juga untuk laman homepage dan label.

Untuk membuatnya silahkan ikuti langkah langkahnya
  • Login ke blogger.com
  • Pilih Tata Letak kemudian Tambah Gadget
  • Pilih HTML/JavaScript
  • Masukan kode HTML berikut ini:
<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>
  • Simpan
Silahkan coba di blog Anda , Semoga berhasil !!! 
SHARE

Milan Tomic

Hi. I’m Designer of Blog Magic. I’m CEO/Founder of ThemeXpose. I’m Creative Art Director, Web Designer, UI/UX Designer, Interaction Designer, Industrial Designer, Web Developer, Business Enthusiast, StartUp Enthusiast, Speaker, Writer and Photographer. Inspired to make things looks better.

  • Image
  • Image
  • Image
  • Image
  • Image
    Blogger Comment
    Facebook Comment

0 comments:

Post a Comment