{"id":621,"date":"2013-06-29T19:28:42","date_gmt":"2013-06-29T19:28:42","guid":{"rendered":"https:\/\/bloggeruser.com\/?p=621"},"modified":"2015-10-14T21:06:07","modified_gmt":"2015-10-14T21:06:07","slug":"make-your-blog-easy-to-navigate-with-keyboard-arrows","status":"publish","type":"post","link":"https:\/\/bloggeruser.com\/make-your-blog-easy-to-navigate-with-keyboard-arrows\/","title":{"rendered":"Make your Blog Easy to Navigate with Keyboard Arrows"},"content":{"rendered":"<p style=\"text-align: justify;\">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 <strong>Next<\/strong> and <strong>Previous<\/strong> Posts within your blog would definitely be more useful to your blog.<\/p>\n<p style=\"text-align: justify;\">Follow this blogger tutorial to learn how to implement this cool navigation feature in your blogger blog.<\/p>\n<p style=\"text-align: justify;\"><!--more--><\/p>\n<p style=\"text-align: justify;\">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.<\/p>\n<h2>Adding the Widget<\/h2>\n<p>1. Go to \u201c<strong>Layout<\/strong>\u201d tab on the blog you want to implement this feature.<br \/>\n2. \u201c<strong>Add a Gadget<\/strong>\u201d in your sidebar or footer area.<br \/>\n3. Select the <strong>HTML\/JavaScript gadget<\/strong> and paste the below code in the gadget.<\/p>\n<h2>Code for the Widget<\/h2>\n<pre class=\"brush: plain; title: ; notranslate\" title=\"\"> &lt;script type='text\/javascript'&gt;\r\ndocument.onkeyup = function(event)\r\n{\r\nif (document.activeElement.nodeName == 'TEXTAREA' || document.activeElement.nodeName == 'INPUT') return;\r\nevent = event || window.event;\r\nswitch(event.keyCode)\r\n{\r\ncase 37:\r\nvar newerLink = document.getElementById('Blog1_blog-pager-newer-link');\r\nif(newerLink !=null) window.location.href = newerLink.href;\r\nbreak;\r\ncase 39:\r\nvar olderLink = document.getElementById('Blog1_blog-pager-older-link');\r\nif(olderLink!=null) window.location.href = olderLink.href;\r\n}\r\n};\r\n&lt;\/script&gt; <\/pre>\n<p style=\"text-align: justify;\">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.<\/p>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/bloggeruser.com\/make-your-blog-easy-to-navigate-with-keyboard-arrows\/keyboard-navigation-in-blogger-blogs\/\" rel=\"attachment wp-att-622\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-622\" src=\"https:\/\/bloggeruser.com\/wp-content\/uploads\/Keyboard-Navigation-in-Blogger-Blogs.jpg\" alt=\"Keyboard Navigation in Blogger Blogs\" width=\"530\" height=\"307\" srcset=\"https:\/\/bloggeruser.com\/wp-content\/uploads\/Keyboard-Navigation-in-Blogger-Blogs.jpg 530w, https:\/\/bloggeruser.com\/wp-content\/uploads\/Keyboard-Navigation-in-Blogger-Blogs-300x173.jpg 300w\" sizes=\"(max-width: 530px) 100vw, 530px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Are you using this in your blog? Do let us know in the comments below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>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&#8230;<\/p>\n","protected":false},"author":1,"featured_media":1688,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[10],"tags":[50],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Make your Blog Easy to Navigate with Keyboard Arrows &ndash; Blogger User<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bloggeruser.com\/make-your-blog-easy-to-navigate-with-keyboard-arrows\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Make your Blog Easy to Navigate with Keyboard Arrows &ndash; Blogger User\" \/>\n<meta property=\"og:description\" content=\"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...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bloggeruser.com\/make-your-blog-easy-to-navigate-with-keyboard-arrows\/\" \/>\n<meta property=\"og:site_name\" content=\"Blogger User\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/pradeepdotco\" \/>\n<meta property=\"article:published_time\" content=\"2013-06-29T19:28:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-10-14T21:06:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bloggeruser.com\/wp-content\/uploads\/Blogger-Navigation-for-Blogger.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"512\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Pradeep Singh\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pradeep Singh\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/bloggeruser.com\/make-your-blog-easy-to-navigate-with-keyboard-arrows\/\",\"url\":\"https:\/\/bloggeruser.com\/make-your-blog-easy-to-navigate-with-keyboard-arrows\/\",\"name\":\"Make your Blog Easy to Navigate with Keyboard Arrows &ndash; Blogger User\",\"isPartOf\":{\"@id\":\"https:\/\/bloggeruser.com\/#website\"},\"datePublished\":\"2013-06-29T19:28:42+00:00\",\"dateModified\":\"2015-10-14T21:06:07+00:00\",\"author\":{\"@id\":\"https:\/\/bloggeruser.com\/#\/schema\/person\/b45820c3363c7b86dc2036f8f025312a\"},\"breadcrumb\":{\"@id\":\"https:\/\/bloggeruser.com\/make-your-blog-easy-to-navigate-with-keyboard-arrows\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/bloggeruser.com\/make-your-blog-easy-to-navigate-with-keyboard-arrows\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/bloggeruser.com\/make-your-blog-easy-to-navigate-with-keyboard-arrows\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/bloggeruser.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Make your Blog Easy to Navigate with Keyboard Arrows\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/bloggeruser.com\/#website\",\"url\":\"https:\/\/bloggeruser.com\/\",\"name\":\"Blogger User\",\"description\":\"Blogger Users Guide | Blogger\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/bloggeruser.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/bloggeruser.com\/#\/schema\/person\/b45820c3363c7b86dc2036f8f025312a\",\"name\":\"Pradeep Singh\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/bloggeruser.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c59dd00a1bedff40b66fcdb4d4908ca2?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c59dd00a1bedff40b66fcdb4d4908ca2?s=96&r=g\",\"caption\":\"Pradeep Singh\"},\"description\":\"Pradeep is your host at BloggerUser helping you to build your blog by providing Blogger tips, tutorials, guides, free blogger templates and more.\",\"sameAs\":[\"https:\/\/Pradeep.co\",\"https:\/\/www.facebook.com\/pradeepdotco\",\"https:\/\/twitter.com\/pradeepdotco\"],\"url\":\"https:\/\/bloggeruser.com\/author\/bloggeruser\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Make your Blog Easy to Navigate with Keyboard Arrows &ndash; Blogger User","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bloggeruser.com\/make-your-blog-easy-to-navigate-with-keyboard-arrows\/","og_locale":"en_US","og_type":"article","og_title":"Make your Blog Easy to Navigate with Keyboard Arrows &ndash; Blogger User","og_description":"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...","og_url":"https:\/\/bloggeruser.com\/make-your-blog-easy-to-navigate-with-keyboard-arrows\/","og_site_name":"Blogger User","article_author":"https:\/\/www.facebook.com\/pradeepdotco","article_published_time":"2013-06-29T19:28:42+00:00","article_modified_time":"2015-10-14T21:06:07+00:00","og_image":[{"width":1024,"height":512,"url":"https:\/\/bloggeruser.com\/wp-content\/uploads\/Blogger-Navigation-for-Blogger.png","type":"image\/png"}],"author":"Pradeep Singh","twitter_misc":{"Written by":"Pradeep Singh","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bloggeruser.com\/make-your-blog-easy-to-navigate-with-keyboard-arrows\/","url":"https:\/\/bloggeruser.com\/make-your-blog-easy-to-navigate-with-keyboard-arrows\/","name":"Make your Blog Easy to Navigate with Keyboard Arrows &ndash; Blogger User","isPartOf":{"@id":"https:\/\/bloggeruser.com\/#website"},"datePublished":"2013-06-29T19:28:42+00:00","dateModified":"2015-10-14T21:06:07+00:00","author":{"@id":"https:\/\/bloggeruser.com\/#\/schema\/person\/b45820c3363c7b86dc2036f8f025312a"},"breadcrumb":{"@id":"https:\/\/bloggeruser.com\/make-your-blog-easy-to-navigate-with-keyboard-arrows\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bloggeruser.com\/make-your-blog-easy-to-navigate-with-keyboard-arrows\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/bloggeruser.com\/make-your-blog-easy-to-navigate-with-keyboard-arrows\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bloggeruser.com\/"},{"@type":"ListItem","position":2,"name":"Make your Blog Easy to Navigate with Keyboard Arrows"}]},{"@type":"WebSite","@id":"https:\/\/bloggeruser.com\/#website","url":"https:\/\/bloggeruser.com\/","name":"Blogger User","description":"Blogger Users Guide | Blogger","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bloggeruser.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/bloggeruser.com\/#\/schema\/person\/b45820c3363c7b86dc2036f8f025312a","name":"Pradeep Singh","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bloggeruser.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c59dd00a1bedff40b66fcdb4d4908ca2?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c59dd00a1bedff40b66fcdb4d4908ca2?s=96&r=g","caption":"Pradeep Singh"},"description":"Pradeep is your host at BloggerUser helping you to build your blog by providing Blogger tips, tutorials, guides, free blogger templates and more.","sameAs":["https:\/\/Pradeep.co","https:\/\/www.facebook.com\/pradeepdotco","https:\/\/twitter.com\/pradeepdotco"],"url":"https:\/\/bloggeruser.com\/author\/bloggeruser\/"}]}},"_links":{"self":[{"href":"https:\/\/bloggeruser.com\/wp-json\/wp\/v2\/posts\/621"}],"collection":[{"href":"https:\/\/bloggeruser.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bloggeruser.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bloggeruser.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bloggeruser.com\/wp-json\/wp\/v2\/comments?post=621"}],"version-history":[{"count":0,"href":"https:\/\/bloggeruser.com\/wp-json\/wp\/v2\/posts\/621\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bloggeruser.com\/wp-json\/wp\/v2\/media\/1688"}],"wp:attachment":[{"href":"https:\/\/bloggeruser.com\/wp-json\/wp\/v2\/media?parent=621"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bloggeruser.com\/wp-json\/wp\/v2\/categories?post=621"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bloggeruser.com\/wp-json\/wp\/v2\/tags?post=621"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}