Don't Miss

How to Add Arrow Key Page Navigation to Blogger

By Zohaib Liaqat - 3 Comments
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.

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 Dashboard
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

<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!

3 comments to ''How to Add Arrow Key Page Navigation to Blogger"

ADD COMMENT
  1. Thanks for sharing.I found a lot of interesting information here. A really good post, very thankful and hopeful that you will write many more posts like this one.
    ucbrowser.vip
    shareit.onl
    mxplayer.pro

    ReplyDelete
  2. This comment has been removed by the author.

    ReplyDelete
  3. Some services even offer a time guarantee; for a few more dollars they can guarantee to arrive within a specific amount of time. click here

    ReplyDelete