Have you for once ask
yourself, if it was possible to easily navigate or flip between the pages of
your blog with just an arrow tab/key?
Grab a cup a tea and learn from this
tutorial/guide…
tutorial/guide…
Ensuring that
navigation is made feasible and possible, this short guide has been published
by jaysciencetech. Navigating with the aid of keyboard arrow keys is in
actuality useful as you don’t have to look around the page for the Newer or
Older page links. Some users probably should have already seen this feature on top
blogs. It’s in fact trouble-free to apply this feature on your Blogger Blog. All
you have to do is to add the arrow key
navigation widget to your blogger blog.
navigation is made feasible and possible, this short guide has been published
by jaysciencetech. Navigating with the aid of keyboard arrow keys is in
actuality useful as you don’t have to look around the page for the Newer or
Older page links. Some users probably should have already seen this feature on top
blogs. It’s in fact trouble-free to apply this feature on your Blogger Blog. All
you have to do is to add the arrow key
navigation widget to your blogger blog.
This is really a straightforward and unsoiled
widget and you can picture a demo of this widget right on this page. If you use
the Right and Left arrow keys, you will be able to navigate to different pages on this blog. This
actually works not just on the post pages, however on the blog’s home page and
label pages. Subsequently the Arrow Key Navigation Widget will be disabled when
you are typing something into a text box on the blog (This was done to avoid
the page from being changed when the user is typing anything which might be a
text box and uses the arrow keys to move around this text.).
widget and you can picture a demo of this widget right on this page. If you use
the Right and Left arrow keys, you will be able to navigate to different pages on this blog. This
actually works not just on the post pages, however on the blog’s home page and
label pages. Subsequently the Arrow Key Navigation Widget will be disabled when
you are typing something into a text box on the blog (This was done to avoid
the page from being changed when the user is typing anything which might be a
text box and uses the arrow keys to move around this text.).
Why should you add this widget?
This is practically an
ordinary light weight widget which doesn’t depend on any outside libraries and
it’s in reality trouble-free to install. It practically gives users an improved
experience when they are navigating across special pages of their blogs. Bloggers
and visitors, even users won’t have to scroll all the way down to the bottom of
the page searching for the Older and
Newer page links.
ordinary light weight widget which doesn’t depend on any outside libraries and
it’s in reality trouble-free to install. It practically gives users an improved
experience when they are navigating across special pages of their blogs. Bloggers
and visitors, even users won’t have to scroll all the way down to the bottom of
the page searching for the Older and
Newer page links.
Do You Want to add it? How to add this Widget
Add the widget to your sidebar or footer and the Arrow Key
Navigation will be activated on your Blog. The Widget title won’t appear on
your Blog. So you can give it any appropriate name which will help you in
identifying the widget on the layout page.
Navigation will be activated on your Blog. The Widget title won’t appear on
your Blog. So you can give it any appropriate name which will help you in
identifying the widget on the layout page.
How to let readers
know of this Widget
know of this Widget
You might want to add some text to your blog which suggests that
your Blog can be traversed using the keyboard arrow keys.Something message
similar to “Use the Left or Right Arrow keys to navigate through this blog”
might help.
your Blog can be traversed using the keyboard arrow keys.Something message
similar to “Use the Left or Right Arrow keys to navigate through this blog”
might help.
How to Remove the
Widget
Widget
If you want to remove this widget at any time, you can do that
by removing the Arrow Page Navigation Widget from the Layout page.
by removing the Arrow Page Navigation Widget from the Layout page.
How this works
Bottom of Form
If you are curious
about how this works, then below is the actual code behind the widget. The code
listens for Keyboard inputs and if detects an Arrow Key event, it will redirect
the user to the newer or older page. The code picks the newer and older page
links from the Blogger’s Page Navigation Links.
about how this works, then below is the actual code behind the widget. The code
listens for Keyboard inputs and if detects an Arrow Key event, it will redirect
the user to the newer or older page. The code picks the newer and older page
links from the Blogger’s Page Navigation Links.
<script type=’text/javascript’>
document.onkeyup = function(event)
{
if (document.activeElement.nodeName == ‘TEXTAREA’ ||
document.activeElement.nodeName == ‘INPUT’) return;
document.activeElement.nodeName == ‘INPUT’) return;
event = event || window.event;
switch(event.keyCode)
{
case 37:
var newerLink =
document.getElementById(‘Blog1_blog-pager-newer-link’);
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’);
document.getElementById(‘Blog1_blog-pager-older-link’);
if(olderLink!=null) window.location.href = olderLink.href;
}
};
</script>
Please share your
thoughts queries or suggestions 🙂 and if you need further help do let us
know.
thoughts queries or suggestions 🙂 and if you need further help do let us
know.
