Don't Miss

How to Add Arrow Key Page Navigation to Blogger

By Zohaib Liaqat - 6 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!

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

ADD COMMENT
  1. This comment has been removed by the author.

    ReplyDelete
  2. 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
  3. East london locksmith services is an established 24 hour Hackney locksmith company. Whether you have been locked out, lost your keys or require a lock replaced, call us and we will send out a certified engineer. who will aim to attend within 30 minutes of your call. Locksmith in Hackney

    ReplyDelete
  4. Google's the main on purpose. Its outcomes are trustworthy, important and unprejudiced.https://www.sandeepmehta.co.in/affordable-seo-services-delhi/

    ReplyDelete
  5. What is a social media stiff neck? Well I have an inclination you definitely know, however here is a model. read more

    ReplyDelete
  6. This is the best blog and check this best Website Maintenance Dubai at very affordable prices.

    ReplyDelete