Easily create a professional website by blogger(part-5)-how to add related post widget without thumbnail

ads

welcome to true online tips.today I will show how to add related post widget without thumbnail.it,s

most important for blog or website because it increase pageviews and decrease bounce rate.when you wiil add related  post widget without thumbnail it,s decrease loading tine and make more faster your website.

how add this:

related post widget without thumbnail

frist log in your blogger account and click template.then take backup your  template and click edit html.now searce the </head> code pressing ctrl+f

when find the code paste the bellow code just above  </head>  tag

<b:if cond='data:blog.pageType == &quot;item&quot;'><style type='text/css'>
#related-posts {
    margin: 10px 5px;
padding:5px 5px;
}
#related-posts h2 {
    font-size: 18px;
    color: black;
    margin-bottom: 15px;
}
#related-posts a {
    font-size: 14px;
    color: #999;
    text-transform: capitalize;
}
#related-posts a:hover {
    text-decoration: underline;
    color: #555;
}
#related-posts ul {
    list-style-type: none;
    margin: 0 0 0px 0;
    padding: 5px;
}
#related-posts ul {
    list-style-type: none;
    background: #e9e9e9;
    border-left: 6px solid #e2e2e2;
}
#related-posts li {
    padding: 12px;
     border-bottom: 2px dotted #E2E2E2;
}
#related-posts li:hover {
    background: #F4F4F4;
font-weight:bold;
}
</style>
<script type='text/javascript'>
var relatedpoststitle=&quot;Related Posts&quot;;
</script>
<script src='http://helplogger.googlecode.com/svn/trunk/related_posts.js' type='text/javascript'/>
</b:if>

Customization: font-size: 18px 18px here you can give as your wish font size. color: black black here you can give as your wish colour। now searce <div class='post-footer'>  you can find this code more time.you should try the second…

<b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> <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=6&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'> var maxresults=6; removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;); </script><a style="font-size: 10px; color: #bcbcbc; float: right;" href="http://bdtipstech.blogspot.com/2016/02/create-website-related-post-part-5.html" rel="dofollow" >Get Related Post widget</a></div></b:if>   

customization: varmaxresults=6  here you can add as your wish number you want to show.

Hope all you relize how to add related post widget without thumbnail.don,t forget share and comment.thank you.