Saturday 12 October 2013
Key board navigation is a much more effective and user friendly way of navigation for your blog.for a demo you can test it with my blog left and right arrow keys can be used to navigate to previous and next posts,'h' can be used to go to home page and 'g' to load guest post page,'s' to share the current page.
- To add kb navigation to your blog,goto your blogger dashboard,then layout.click add a gadget and add "HTML/javascript"
- Now copy the below code and paste it in the content area and save it
<!--keyboard navigation start-->
<script type='text/javascript'>
window.onload = function()
{
document.onkeyup = function(event)
{
var thetc = 'enabled';
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 72:
case 104:
window.location.href = 'http://smartifyme.blogspot.in';
break;
case 39:
var olderLink = document.getElementById('Blog1_blog-pager-older-link');
if(olderLink!=null) window.location.href = olderLink.href;
break;
case 103:
case 71:
window.location.href = 'http://smartifyme.blogspot.in/p/blog-page_17.html';
case 83:
case 115:
var til=window.document.title;
var pg =window.document.location;
window.location.href='http://www.facebook.com/sharer.php?u='+pg.href+'&title='+til.href;
break;
}
};
};
</script>
<!--keyboard navigation end-->
- And don't forget to change the highlighted url to that of your blogs.
- in case 104: goes your blogs address
- And in case 71: goes the url of your guest post.
- those numbers 39,103,71 etc are the ascii codes of keyboard keys.you can easily replicate other required keys of your own by using the key specific ascii codes
