Related Post Without Thumbnail For Blogger

If Your Want to Increase Your Blog Visitors Read Your Article in Your Blog this Widgets will helps for Spending more time on you Blog. Most of the Blogger using related post Widgets. this Widgets is also helping your visitors to show similar post want to read. Now try using Related post Widgets in your blog, Just Follow some steps to setup Related Post Widgets in your blog.

Go to Template >> Edit HTML. (In old blogger Go to Design ) Edit HTML>> And then click on Expand Widget Template.

Find </head> Using CTRL+F and just above it paste the code given below. 

<style>
#related-postz { float: left; width: 100%; margin-top: 20px; margin-bottom: 20px; margin-left: 5px; line-height: 25px; font-weight: bold; font: 18px Arial,sans-serif; margin-bottom: 10px; }
#related-postz .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; }
#related-postz .widget h2, #related-posts h2 {
font-size: 0.7em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em; }


#related-postz a { text-decoration : none; }
#related-postz a:hover { text-decoration : underline; }
#related-postz ul { border : medium none; margin : 10px; padding : 0; }
#related-postz ul li {
display : block;
background : url(&quot;&quot;) no-repeat 0 0;
padding-left : 21px;
padding-bottom : 1px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
font-size: 0.7em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
} </style>
<script src='http://blognlike.com/amrit/Host/related.js' type='text/javascript'/>

Find <data:post.body/> and just below it, paste the following code.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-postz'>
<font face='Verdana' size='4'><b>Related Posts:</b></font>
<b:loop values='data:post.labels' var='label'><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script><div align='left' style='font-size:12px'><a href='http://blognlike.com'>Promote Your Blog</a>
<div align='right' style='font-size:11px'><a href='http://www.blogtechworld.com/2012/02/related-post-without-thumbnail-for.html'>Add This</a></div></div></div>
</b:if>

Save Your Template and Open Your Blog to See Changes in Your Blog. If you Got any Error Please Put Comment here we will feel happy to solve your error.

Related Posts:

Promote Your Blog

Add This