Blogger Navigation for Blogger

You might like having Next and Previous buttons at the bottom of each post in your blogger blog. Using Keyboard Arrows to do those functions of Next and Previous Posts within your blog would definitely be more useful to your blog.

Follow this blogger tutorial to learn how to implement this cool navigation feature in your blogger blog.

You will need to simply add a widget in your blog to achieve this keyboard navigation feature. Follow the instructions below for adding the widget.

Adding the Widget

1. Go to “Layout” tab on the blog you want to implement this feature.
2. “Add a Gadget” in your sidebar or footer area.
3. Select the HTML/JavaScript gadget and paste the below code in the gadget.

Code for the Widget

 <script type='text/javascript'>
document.onkeyup = function(event)
if (document.activeElement.nodeName == 'TEXTAREA' || document.activeElement.nodeName == 'INPUT') return;
event = event || window.event;
case 37:
var newerLink = document.getElementById('Blog1_blog-pager-newer-link');
if(newerLink !=null) window.location.href = newerLink.href;
case 39:
var olderLink = document.getElementById('Blog1_blog-pager-older-link');
if(olderLink!=null) window.location.href = olderLink.href;

Leave the title empty so that nothing appears on your front-end. The widget can simply be deleted in case you change your mind and want to remove the feature.

Keyboard Navigation in Blogger Blogs

Are you using this in your blog? Do let us know in the comments below.

Published by Pradeep Singh

Pradeep is your host at BloggerUser helping you to build your blog by providing Blogger tips, tutorials, guides, free blogger templates and more.

1 Comment

Comments are closed.

Error: Please enter a valid email address

Error: Invalid email

Error: Please enter your first name

Error: Please enter your last name

Error: Please enter a username

Error: Please enter a password

Error: Please confirm your password

Error: Password and password confirmation do not match