Most of our readers asked for How to Add Arrow Keyboard Navigation for Blogger Blog posts. Default blogger template shows older and newer link navigation that appears at the bottom of the Blogger. Most of wordpress blog and HTML based website used keyboard navigation on their websites. Keyboard navigation is very fast, reliable and easy to use. Today we will provide you tutorial about how to add Keyboard navigation in blogger.
How to Add Arrow Keyboard Navigation for Blogger
Please follow below steps to Add Arrow Keyboard Navigation for Blogger:
Login into blogger account and Go to your blogger dashboard.
Now Search below code with the help of CTRL + F:
Now copy and paste below code above </head> tag:
window.onload = function()
document.onkeyup = function(event)
if (document.activeElement.nodeName == 'TEXTAREA' || document.activeElement.nodeName == 'INPUT') return;
event = event || window.event;
var newerLink = document.getElementById('Blog1_blog-pager-newer-link');
if(newerLink !=null) window.location.href = newerLink.href;
var olderLink = document.getElementById('Blog1_blog-pager-older-link');
if(olderLink!=null) window.location.href = olderLink.href;