Kita selalu berupaya memberikan pengalaman dan kemudahan baru bagi pengunjung blog kita untuk menelusuri setiap halaman blog. Salah satu yang bisa kita manfaatkan adalah dengan membuat navigasi dengan tombol arah panahdari keyboard. Seperti apakah itu? Ini adalah seperti fungsi tautan di bawah post yang biasanya berupa Posting Lama dan Posting Baru.
Tetapi kita fungsikan tombol arah panah ke kiri dan ke kanan yang ada di keyboard pengunjung blog sebagai gantinya. Jadi saat seorang pengunjung blog menekan tombol arak panah ke kanan makan akan otomatis menuju post selanjutnya. Tidak hanya untuk post tetapi juga untuk laman homepage dan label.
Untuk membuat navigasi dari tombol panah keyboard untuk blog kita sangat mudah. Untuk demonya coba kamu sekarang klik tombol arah panah ke kanan atau ke kiri. Maka kamu akan melihat halaman berikutnya. Widget ini juga termasuk ringan dan mudah, kita tidak harus mencari tautan navigasi Posting Lama dan Posting Baru di bawah post atau komentar.
Cara Membuat Navigasi dari Tombol Arah Panah Untuk Blog
1. Login ke blogger.com
2. Pilih Tata Letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. 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>
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>
5. Simpan jika sudah selesai.
Jika sudah menambahkan script di atas, sekarang coba saat membuka blogmu tekan tombol arah panah ke kiri atau kanan di keyboardmu. Sudah bisa berjalan belum?
