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!
This comment has been removed by the author.
ReplyDeleteSome services even offer a time guarantee; for a few more dollars they can guarantee to arrive within a specific amount of time. click here
ReplyDeleteEast 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
ReplyDeleteGoogle's the main on purpose. Its outcomes are trustworthy, important and unprejudiced.https://www.sandeepmehta.co.in/affordable-seo-services-delhi/
ReplyDeleteWhat is a social media stiff neck? Well I have an inclination you definitely know, however here is a model. read more
ReplyDeleteThis is the best blog and check this best Website Maintenance Dubai at very affordable prices.
ReplyDelete