How to Add Arrow Key Page Navigation to Blogger
Default Blogger template displays older and newer page link for navigation that appears at the bottom on post pages. If you are tired of using this old navigation, so today we've another page navigation system called Keyboard Arrow Key Navigation. You might have seen this feature on many blogs. This navigation allow you visitors to navigate your blog using the keyboard arrow keys i.e Left Arrow or Right Arrow. This navigation is simple, clean and it's really easy to implement this navigation on your blog. Today, in this article we'll show you How to Add Arrow Key Page Navigation to Blogger.
Step 2. Go to Layout >> Add a Gadget >> A pop up will open containing gadgets, scroll down and select HTML/JavaScript Gadget from the list of gadgets
Step 4. Copy the below code and paste it in the Empty Widget box
Step 5. Hit the Save Button
And You're done!
How to Works
It works on every page Homepage, Archive Pages and also on Post Pages. If you are on homepage the arrow keys will navigate for older and newer posts, and if you are on Post page then the keys will help you to navigate for Next or Previous Posts.How to Add Arrow Key Page Navigation to Blogger
Step 1. Log in to your Blogger DashboardStep 2. Go to Layout >> Add a Gadget >> A pop up will open containing gadgets, scroll down and select HTML/JavaScript Gadget from the list of gadgets
Step 4. Copy the below code and paste it in the Empty Widget box
<script type='text/javascript'>
window.onload = function()
{
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>
Step 5. Hit the Save Button
And You're done!