23 Jun 2013

Membuat Navigasi dengan Tombol Arah untuk Blog

Membuat Navigasi dengan Tombol Arah untuk Blog
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 panah dari 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>

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?

Artikel Terkait

Membuat Navigasi dengan Tombol Arah untuk Blog
4/ 5
Oleh

Berlangganan

Suka dengan artikel di atas? Silakan berlangganan gratis via email