{"id":18,"date":"2009-04-23T13:00:00","date_gmt":"2009-04-23T20:00:00","guid":{"rendered":"https:\/\/bloggeruser.com\/?p=18"},"modified":"2009-04-23T13:00:00","modified_gmt":"2009-04-23T20:00:00","slug":"related-posts-by-categories-blogger-widget","status":"publish","type":"post","link":"https:\/\/bloggeruser.com\/related-posts-by-categories-blogger-widget\/","title":{"rendered":"Related Posts by Categories; Blogger Widget"},"content":{"rendered":"

\"Related<\/a> Blogger\/ Blogspot widget \u201cRelated posts by categories\u201d shows related posts according to user defined categories at the end of each post. Another widget \u201cRelated posts widget for blogger<\/a>\u201d displays only a list of related posts but this widget shows posts under different labels, categories or tags. You can display desired posts under desired categories and also can specify the number of posts to display in your blogger blog. Needless to say, this widget will help your blog users to explore more related posts under the categories they are interested in.
\nFollow the specific instructions below to add this hack widget to your blog.<\/p>\n

Follow the below steps properly and in order to have the similar widget you see in the pic above.
\nWidget Adding Instructions \/ Steps:<\/p>\n

1. Go to Blogger Dashboard \u2013 click Edit Layout \u2013 then click Edit HTML<\/p>\n

Wait: Before Editing your Template, Save a copy of your current template by clicking \u2018Download Full Template\u2019 in \u2018Edit HTML\u2019 page of the Blogger \u2018Layout\u2019 Window and \u2018Preview\u2019 the changes before Saving.<\/p>\n

2. Check the \u2018expand Widgets Template Box\u201d as shown in the figure below.<\/p>\n

Check widgets Template Box<\/p>\n

3.Then Search (Ctrl+F) the code given below in your template:<\/p>\n

 <data:post.body\/> <\/pre>\n
4. Copy and Add the code given below just after the above code:<\/p>\n
\n<b:if cond=\u2019data:blog.pageType == \u201citem\u201d\u2018>\n<div class=\u2019similiar\u2019>\n\n<div class=\u2019widget-content\u2019>\n<h3>Related Posts by Categories<\/h3>\n<div id=\u2019data2007\u2032\/><br\/><br\/>\n<script type=\u2019text\/javascript\u2019>\n\nvar homeUrl3 = &quot;<data:blog.homepageUrl\/>&quot;;\nvar maxNumberOfPostsPerLabel = 4;\nvar maxNumberOfLabels = 10;\n\nmaxNumberOfPostsPerLabel = 100;\nmaxNumberOfLabels = 3;\n\nfunction listEntries10(json) {\nvar ul = document.createElement(&#39;ul&#39;);\nvar maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?\njson.feed.entry.length : maxNumberOfPostsPerLabel;\nfor (var i = 0; i &lt; maxPosts; i++) {\nvar entry = json.feed.entry[i];\nvar alturl;\n\nfor (var k = 0; k &lt; entry.link.length; k++) {\nif (entry.link[k].rel == &#39;alternate&#39;) {\nalturl = entry.link[k].href;\nbreak;\n}\n}\nvar li = document.createElement(&#39;li&#39;);\nvar a = document.createElement(&#39;a&#39;);\na.href = alturl;\n\nif(a.href!=location.href) {\nvar txt = document.createTextNode(entry.title.$t);\na.appendChild(txt);\nli.appendChild(a);\nul.appendChild(li);\n}\n}\nfor (var l = 0; l &lt; json.feed.link.length; l++) {\nif (json.feed.link[l].rel == &#39;alternate&#39;) {\nvar raw = json.feed.link[l].href;\nvar label = raw.substr(homeUrl3.length+13);\nvar k;\nfor (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);\nvar txt = document.createTextNode(label);\nvar h = document.createElement(&#39;b&#39;);\nh.appendChild(txt);\nvar div1 = document.createElement(&#39;div&#39;);\ndiv1.appendChild(h);\ndiv1.appendChild(ul);\ndocument.getElementById(&#39;data2007&#39;).appendChild(div1);\n}\n}\n}\nfunction search10(query, label) {\n\nvar script = document.createElement(&#39;script&#39;);\nscript.setAttribute(&#39;src&#39;, query + &#39;feeds\/posts\/default\/-\/&#39;\n+ label +\n&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);\nscript.setAttribute(&#39;type&#39;, &#39;text\/javascript&#39;);\ndocument.documentElement.firstChild.appendChild(script);\n}\n\nvar labelArray = new Array();\nvar numLabel = 0;\n\n<b:loop values=\u2019data:posts\u2019 var=\u2019post\u2019>\n<b:loop values=\u2019data:post.labels\u2019 var=\u2019label\u2019>\ntextLabel = &quot;<data:label.name\/>&quot;;\n\nvar test = 0;\nfor (var i = 0; i &lt; labelArray.length; i++)\nif (labelArray[i] == textLabel) test = 1;\nif (test == 0) {\nlabelArray.push(textLabel);\nvar maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?\nlabelArray.length : maxNumberOfLabels;\nif (numLabel &lt; maxLabels) {\nsearch10(homeUrl3, textLabel);\nnumLabel++;\n}\n}\n<\/b:loop>\n<\/b:loop>\n<\/script>\n<\/div>\n\n<\/div>\n<\/b:if>\n\n<\/pre>\n
5. Save your Template. That\u2019s it.<\/p>\n
Widget Customization <\/strong>
\nCustomize Blogger WidgetYou can change the number of maximum related posts being displayed, search for the code below (within the code given in step 4) and change the number \u201c3\u2033 to any desired number. Its good to have related posts in accordance with the space available to display. Generally, two or three categories is enough. However, you may display the number of categories and posts as you wish.
\nmaxNumberOfLabels<\/strong> = 3;<\/p>\n
Widget Use and Summary<\/strong>
\nIn conclusion, this widget is not only an important widget for making your blog look professional but also an important widget to help users to quickly navigate or move on to other important and related posts.
\nHelp and Comment<\/p>\n
Help and comment <\/strong>
\nIf you have any problems or any queries related to this widget, Please leave a comment below and I would be glad to help you !
\nMeanwhile, you can also visit \u201cRelated Posts Widget for Blogger \/ Blogspot\u201d for a similar widget. You can also visit CELEBSIMAGE, one of the celebrity blogs which has this widget in action.
\nAlso I want to know your view about this widget. So Comment !<\/p>\n","protected":false},"excerpt":{"rendered":"
Blogger\/ Blogspot widget \u201cRelated posts by categories\u201d shows related posts according to user defined categories at the end of each post. Another widget \u201cRelated posts widget for blogger\u201d displays only…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[12],"tags":[42],"yoast_head":"\nRelated Posts by Categories; Blogger Widget – 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\/related-posts-by-categories-blogger-widget\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Related Posts by Categories; Blogger Widget – Blogger User\" \/>\n<meta property=\"og:description\" content=\"Blogger\/ Blogspot widget \u201cRelated posts by categories\u201d shows related posts according to user defined categories at the end of each post. Another widget \u201cRelated posts widget for blogger\u201d displays only...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bloggeruser.com\/related-posts-by-categories-blogger-widget\/\" \/>\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=\"2009-04-23T20:00:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bloggeruser.com\/wp-content\/uploads\/Related-Posts-by-Categories-300x194.jpg\" \/>\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=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/bloggeruser.com\/related-posts-by-categories-blogger-widget\/\",\"url\":\"https:\/\/bloggeruser.com\/related-posts-by-categories-blogger-widget\/\",\"name\":\"Related Posts by Categories; Blogger Widget – Blogger User\",\"isPartOf\":{\"@id\":\"https:\/\/bloggeruser.com\/#website\"},\"datePublished\":\"2009-04-23T20:00:00+00:00\",\"dateModified\":\"2009-04-23T20:00:00+00:00\",\"author\":{\"@id\":\"https:\/\/bloggeruser.com\/#\/schema\/person\/b45820c3363c7b86dc2036f8f025312a\"},\"breadcrumb\":{\"@id\":\"https:\/\/bloggeruser.com\/related-posts-by-categories-blogger-widget\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/bloggeruser.com\/related-posts-by-categories-blogger-widget\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/bloggeruser.com\/related-posts-by-categories-blogger-widget\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/bloggeruser.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Related Posts by Categories; Blogger Widget\"}]},{\"@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":"Related Posts by Categories; Blogger Widget – 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\/related-posts-by-categories-blogger-widget\/","og_locale":"en_US","og_type":"article","og_title":"Related Posts by Categories; Blogger Widget – Blogger User","og_description":"Blogger\/ Blogspot widget \u201cRelated posts by categories\u201d shows related posts according to user defined categories at the end of each post. Another widget \u201cRelated posts widget for blogger\u201d displays only...","og_url":"https:\/\/bloggeruser.com\/related-posts-by-categories-blogger-widget\/","og_site_name":"Blogger User","article_author":"https:\/\/www.facebook.com\/pradeepdotco","article_published_time":"2009-04-23T20:00:00+00:00","og_image":[{"url":"https:\/\/bloggeruser.com\/wp-content\/uploads\/Related-Posts-by-Categories-300x194.jpg"}],"author":"Pradeep Singh","twitter_misc":{"Written by":"Pradeep Singh","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bloggeruser.com\/related-posts-by-categories-blogger-widget\/","url":"https:\/\/bloggeruser.com\/related-posts-by-categories-blogger-widget\/","name":"Related Posts by Categories; Blogger Widget – Blogger User","isPartOf":{"@id":"https:\/\/bloggeruser.com\/#website"},"datePublished":"2009-04-23T20:00:00+00:00","dateModified":"2009-04-23T20:00:00+00:00","author":{"@id":"https:\/\/bloggeruser.com\/#\/schema\/person\/b45820c3363c7b86dc2036f8f025312a"},"breadcrumb":{"@id":"https:\/\/bloggeruser.com\/related-posts-by-categories-blogger-widget\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bloggeruser.com\/related-posts-by-categories-blogger-widget\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/bloggeruser.com\/related-posts-by-categories-blogger-widget\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bloggeruser.com\/"},{"@type":"ListItem","position":2,"name":"Related Posts by Categories; Blogger Widget"}]},{"@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\/18"}],"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=18"}],"version-history":[{"count":0,"href":"https:\/\/bloggeruser.com\/wp-json\/wp\/v2\/posts\/18\/revisions"}],"wp:attachment":[{"href":"https:\/\/bloggeruser.com\/wp-json\/wp\/v2\/media?parent=18"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bloggeruser.com\/wp-json\/wp\/v2\/categories?post=18"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bloggeruser.com\/wp-json\/wp\/v2\/tags?post=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}