{"id":475,"date":"2019-06-04T17:40:55","date_gmt":"2019-06-04T12:10:55","guid":{"rendered":"https:\/\/scratchtheweb.com\/?p=475"},"modified":"2023-10-22T20:56:44","modified_gmt":"2023-10-22T15:26:44","slug":"show-related-posts-on-blogger-blogspot-blogs","status":"publish","type":"post","link":"https:\/\/nigeljoy.me\/show-related-posts-on-blogger-blogspot-blogs\/","title":{"rendered":"How to Show Related Posts on Blogger \/ Blogspot"},"content":{"rendered":"\n<p>Blogger is a good platform for beginner bloggers. However, Blogger lacks many features which are standard in most blogs nowadays. One of the most requested missing features in Blogger is the Related Posts widget. Related Posts is very useful to show other related posts to your readers and keep them reading your blog more. In this blog post, I will show you how to show Related Posts on your blog.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p>We have developed a <a href=\"https:\/\/nigeljoy.me\/tools\/blogger-related-posts-plugin\/\" target=\"_blank\" rel=\"noopener noreferrer\">Related Posts plugin for Blogger blogs<\/a> that is very easy to install and setup. Before I guide you on how to install this related posts widget for blogger, let me understand you some of its key features.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_65 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<p class=\"ez-toc-title\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-662dc86fc6668\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-662dc86fc6668\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/nigeljoy.me\/show-related-posts-on-blogger-blogspot-blogs\/#Features_of_Blogger_Related_Posts_Plugin\" title=\"Features of Blogger Related Posts Plugin\">Features of Blogger Related Posts Plugin<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/nigeljoy.me\/show-related-posts-on-blogger-blogspot-blogs\/#Requirements\" title=\"Requirements\">Requirements<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/nigeljoy.me\/show-related-posts-on-blogger-blogspot-blogs\/#Installing_Blogger_Related_Posts_Plugin\" title=\"Installing Blogger Related Posts Plugin\">Installing Blogger Related Posts Plugin<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/nigeljoy.me\/show-related-posts-on-blogger-blogspot-blogs\/#Fix_for_older_Blogger_Themes\" title=\"Fix for older Blogger Themes\">Fix for older Blogger Themes<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/nigeljoy.me\/show-related-posts-on-blogger-blogspot-blogs\/#Step_1_Enable_Custom_Mobile_Theme\" title=\"Step 1: Enable Custom Mobile Theme\">Step 1: Enable Custom Mobile Theme<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/nigeljoy.me\/show-related-posts-on-blogger-blogspot-blogs\/#Step_2_Edit_the_Theme_HTML\" title=\"Step 2: Edit the Theme HTML\">Step 2: Edit the Theme HTML<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/nigeljoy.me\/show-related-posts-on-blogger-blogspot-blogs\/#Conclusion\" title=\"Conclusion\">Conclusion<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Features_of_Blogger_Related_Posts_Plugin\"><\/span>Features of Blogger Related Posts Plugin<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ol>\n<li>It is very easy to install. Trust me! There is no other related posts plugin \/ gadget for Blogger on the internet that is this easy to install.<\/li>\n\n\n\n<li>Our Blogger Related Posts plugin will easily adapt to the design of your blog. Whether you are using an older Blogspot template or newer Blogger theme or some third-party Blogger theme, this Related Posts plugin will seamlessly integrate with your blog&#8217;s design.<\/li>\n\n\n\n<li>It is responsive. The related posts will automatically adapt to the screen size of the user&#8217;s device.<\/li>\n<\/ol>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Read: <a href=\"https:\/\/nigeljoy.me\/how-to-add-social-media-icons-to-blogger-blogs\/\" target=\"_blank\" rel=\"noopener noreferrer\">Add Social Media icons on Blogger Blogs<\/a><\/em><\/p>\n<\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Requirements\"><\/span>Requirements<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>There are also some pre-requisites for the <a href=\"https:\/\/nigeljoy.me\/tools\/blogger-related-posts-plugin\/\" target=\"_blank\" rel=\"noopener noreferrer\">Blogger Related Posts<\/a> plugin to work properly.<\/p>\n\n\n\n<ol>\n<li>Your blog should be public.<\/li>\n\n\n\n<li>Feed should be enabled.<\/li>\n\n\n\n<li>Labels should be enabled and visible in the blog post page.<\/li>\n\n\n\n<li>Blog posts should have at least one label.<\/li>\n<\/ol>\n\n\n\n<p>Assuming you are now aware of the pre-requisites of the plugin, let&#8217;s head on to installing the plugin.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Installing_Blogger_Related_Posts_Plugin\"><\/span>Installing Blogger Related Posts Plugin<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How To Show Related Posts on Blogger\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/4grlhECMbEk?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Follow the below steps to install the Related Posts gadget in your Blogger blog.<\/p>\n\n\n\n<p>Go to our <a href=\"https:\/\/nigeljoy.me\/tools\/blogger-related-posts-plugin\/\" target=\"_blank\" rel=\"noopener noreferrer\">Blogger Related Posts plugin<\/a> page.<\/p>\n\n\n\n<p>Click on <strong>Add to Blogger<\/strong> button.<\/p>\n\n\n\n<p>A new tab will open in your browser with Blogger page asking you to select the blog where you want to install this plugin.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"579\" height=\"383\" src=\"https:\/\/nigeljoy.me\/wp-content\/uploads\/2023\/10\/blogger-related-posts-widget-installation.jpg\" alt=\"\" class=\"wp-image-3033\" title=\"\" srcset=\"https:\/\/nigeljoy.me\/wp-content\/uploads\/2023\/10\/blogger-related-posts-widget-installation.jpg 579w, https:\/\/nigeljoy.me\/wp-content\/uploads\/2023\/10\/blogger-related-posts-widget-installation-300x198.jpg 300w\" sizes=\"(max-width: 579px) 100vw, 579px\" \/><\/figure>\n\n\n\n<p>Click on <strong>Add Widget&nbsp;<\/strong>button. The Related Posts widget will be now added to your Blogger blog.<\/p>\n\n\n\n<p>To confirm the widget has been added to the correct location, go to Layout. Ideally, you would want the widget to be added to the sidebar section for blog posts.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"669\" src=\"https:\/\/nigeljoy.me\/wp-content\/uploads\/2023\/10\/blogger-related-posts-guide.jpg\" alt=\"\" class=\"wp-image-3034\" title=\"\" srcset=\"https:\/\/nigeljoy.me\/wp-content\/uploads\/2023\/10\/blogger-related-posts-guide.jpg 800w, https:\/\/nigeljoy.me\/wp-content\/uploads\/2023\/10\/blogger-related-posts-guide-300x251.jpg 300w, https:\/\/nigeljoy.me\/wp-content\/uploads\/2023\/10\/blogger-related-posts-guide-768x642.jpg 768w, https:\/\/nigeljoy.me\/wp-content\/uploads\/2023\/10\/blogger-related-posts-guide-640x535.jpg 640w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>The Related Posts should be now showing up after your blog post.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Fix_for_older_Blogger_Themes\"><\/span>Fix for older Blogger Themes<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>If you are using older Blogger Themes like Simple, Picture Window, Travel etc, the plugin might not load in mobile view. If you don&#8217;t want mobile view for your blog, you could disable mobile theme by going to Theme &gt; click on Settings icon under Mobile preview and select &#8220;No. Show desktop theme on mobile devices.&#8221; and save it.<\/p>\n\n\n\n<p>However, showing desktop theme on mobile devices will make it difficult for your users to navigate around your blog. Fortunately, there is a better solution that involves editing your template HTML. Don&#8217;t worry about messing it up, I will guide you through it.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Step_1_Enable_Custom_Mobile_Theme\"><\/span>Step 1: Enable Custom Mobile Theme<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Go to Theme &gt; click on Settings icon under Mobile preview and for the option &#8220;Choose mobile theme&#8221;, select &#8220;Custom&#8221; as shown in screenshot below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"623\" src=\"https:\/\/nigeljoy.me\/wp-content\/uploads\/2023\/10\/enable-custom-mobile-theme.jpg\" alt=\"\" class=\"wp-image-3035\" title=\"\" srcset=\"https:\/\/nigeljoy.me\/wp-content\/uploads\/2023\/10\/enable-custom-mobile-theme.jpg 700w, https:\/\/nigeljoy.me\/wp-content\/uploads\/2023\/10\/enable-custom-mobile-theme-300x267.jpg 300w, https:\/\/nigeljoy.me\/wp-content\/uploads\/2023\/10\/enable-custom-mobile-theme-640x570.jpg 640w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/figure>\n\n\n\n<p>Click on Save button to enable the custom mobile theme.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Step_2_Edit_the_Theme_HTML\"><\/span>Step 2: Edit the Theme HTML<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Go to Theme &gt; Edit HTML to open the code for your theme design. Click anywhere on the code and then press on <code>Ctrl + F<\/code> on Windows or <code>Cmd + F<\/code> on Mac OS to bring up the search bar.<\/p>\n\n\n\n<p>On the search bar, type &#8220;Related Posts Plugin&#8221; and click enter to go jump to the line of code containing Blogger Related Posts widget.<\/p>\n\n\n\n<p>Add <code>mobile='yes'<\/code> on the same line that contains <code>title='Related Posts Plugin by ScratchTheWeb'<\/code> as shown in the screenshot below.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"340\" src=\"https:\/\/nigeljoy.me\/wp-content\/uploads\/2023\/10\/enable-widget-in-mobile-blogger-theme.jpg\" alt=\"\" class=\"wp-image-3036\" title=\"\" srcset=\"https:\/\/nigeljoy.me\/wp-content\/uploads\/2023\/10\/enable-widget-in-mobile-blogger-theme.jpg 1000w, https:\/\/nigeljoy.me\/wp-content\/uploads\/2023\/10\/enable-widget-in-mobile-blogger-theme-300x102.jpg 300w, https:\/\/nigeljoy.me\/wp-content\/uploads\/2023\/10\/enable-widget-in-mobile-blogger-theme-768x261.jpg 768w, https:\/\/nigeljoy.me\/wp-content\/uploads\/2023\/10\/enable-widget-in-mobile-blogger-theme-640x218.jpg 640w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>Click on Save theme to apply the changes.<\/p>\n\n\n\n<p>The plugin should now work fine with mobile theme of older Blogger templates.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>Conclusion<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>I hope you found this guide helpful to install our <a href=\"https:\/\/nigeljoy.me\/tools\/blogger-related-posts-plugin\/\" target=\"_blank\" rel=\"noopener noreferrer\">Related Posts for Blogger \/ Blogspot<\/a> tool. If you are facing any issue with getting it to work, feel free to reach out for help by commenting down below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Blogger is a good platform for beginner bloggers. However, Blogger lacks many features which are standard in most blogs nowadays. One of the most requested missing features in Blogger is the Related Posts widget. Related Posts is very useful to show other related posts to your readers and keep them reading your blog more. In [&hellip;]<\/p>\n","protected":false},"author":193359005,"featured_media":1934,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","footnotes":""},"categories":[1366,1374,1372],"tags":[],"_links":{"self":[{"href":"https:\/\/nigeljoy.me\/wp-json\/wp\/v2\/posts\/475"}],"collection":[{"href":"https:\/\/nigeljoy.me\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nigeljoy.me\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nigeljoy.me\/wp-json\/wp\/v2\/users\/193359005"}],"replies":[{"embeddable":true,"href":"https:\/\/nigeljoy.me\/wp-json\/wp\/v2\/comments?post=475"}],"version-history":[{"count":5,"href":"https:\/\/nigeljoy.me\/wp-json\/wp\/v2\/posts\/475\/revisions"}],"predecessor-version":[{"id":3038,"href":"https:\/\/nigeljoy.me\/wp-json\/wp\/v2\/posts\/475\/revisions\/3038"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nigeljoy.me\/wp-json\/wp\/v2\/media\/1934"}],"wp:attachment":[{"href":"https:\/\/nigeljoy.me\/wp-json\/wp\/v2\/media?parent=475"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nigeljoy.me\/wp-json\/wp\/v2\/categories?post=475"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nigeljoy.me\/wp-json\/wp\/v2\/tags?post=475"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}