How to Add Related Post To Blogger Blog

This Article will help you to add a customized Related post Widget in your Blog

 The following are the easy steps to use this related posts widget for your blog

  Step 1:  Login to Blogger

Step 2: Go to Blogger Dashboard >> Template >> Edit HTML 

Step 3:Press Ctrl+F and search the code shown below    

               </head> 

Step 4:Now Paste this Code  Shown  Below just above/before it

<!--Related Posts with thumbnails Scripts and Styles Start by Insecurespot--> <!-- remove --></pre> <style type="text/css"><!-- #related-posts { float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; } #related-posts h2{ font-size: 18px; letter-spacing: 2px; font-weight: bold; text-transform: none; color: #5D5D5D; font-family: Arial Narrow; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ border-right: 1px dotted #DDDDDD; color:#5D5D5D; } #related-posts a:hover{ color:black; background-color:#EDEDEF; } --></style> <pre> <script type="text/javascript">// <![CDATA[ var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7HBUwEFxFcl376KKRCfC9NL-gZFqGY8b_-40SNx3IKEonNdeynJZGUCApSkfibEycdMKTRb5MqeGasI0hxhAd72KxKCLxCcMUpCV633tATvXdBRILlLrn_0KlwG2o3OSygT4VyS9ckBj2/s1600/no_image.jpg"; var maxresults=5; var splittercolor="#DDDDDD"; var relatedpoststitle="Related Posts"; // ]]></script> <script type="text/javascript" src=" http://goo.gl/Zbq5N1 ">// <![CDATA[ // ]]></script> <!-- remove --> <!--Related Posts with thumbnails Scripts and Styles Ends by Insecurespot-->

Now search the code shown below

 “<div class=’post-footer’>”

Now paste bellow code just above the “<div class=’post-footer’>”

<!-- Related Posts Code Start Insecurespot--> <!-- remove --></pre> <div id="related-posts"> <script type="text/javascript">// <![CDATA[ </b:loop> <script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs("<data:post.url/>"); // ]]></script></div> <div style="clear: both;"> <!-- remove --></div> <pre> <a href=" http://goo.gl/gomFex /"><img alt="Blogger Tricks" src="http://goo.gl/StLM79 " /></a> <!-- Related Posts Code Ends Insecurespot-->