Dec 16, 2014

Simple Steps To Install blogger Blog Related Post Widget Without Thumbnail

I usually smile and shake my head in dismay whenever i come across blogs without a related post widget, popular post widget or at most a Label / categories for their posts. As this are the basic things that can help your blog grow in no time. Without them, your blog visitors, tends to read just one of your posts and then bash out (close Tab) since their are no link to other of your posts.

Keep your blog readers engaged to your blog and increase your blog page views, and help it grow in both seoThough there are other related post widget like linkwithin, it most times encounter problems loading on mobile browsers like Opera mini. 

If you would love to install a blogger blog related post widget without thumbnail like ours or in the image below, follow the simple procedures below to get it done. 

How To Install Related Post Widget

==>Sign in into youblogger account 
==>Select Blog=> Go to Template=> Edit html.
==>Click anywhere inside the box, and using Ctrl F find the </head> tag
==>Place the following code just above the </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: #050505;
    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>
==>Now Search for the below code
div class='post-footer'>
==>Just Insert this codes above it
<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=5; removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;); </script><a style="font-size: 10px; color: #bcbcbc; float: right;" href="http://www.techdavids.com/2014/12/simple-steps-to-install-blogger-blog.html#.VI_b59LF-ls" rel="nofollow" >Get Related Post widget</a></div></b:if>   
==>Finally Save your Template. And go check out your blog.

NOTE: You can change the maxresults=5 above, to any number of choice. Depending on how many related post you want your readers to see. In blog here we used 5. Same as seen in the image above.



Related Posts Plugin for WordPress, Blogger...

6 comments:

  1. please which one is RELATED POST and which one is OTHER PEOPLE ALSO READ: please how can I get the other people also read: widget please

    ReplyDelete
    Replies
    1. The codes above are for the related post widget not the ''Other people also read''

      Delete
  2. The related post widget is very important to every blog as it act as dessert after a main meal course. It always present posts that are categorized under the same label name (Related posts) and hence gives blog readers more similar thing that they might also like, or just to tease them up with other posts.

    Thank you for taking out time to show a step by step process of adding a related post to ones pages.

    ReplyDelete
    Replies
    1. Hello Edwin!

      Sure related post widgets are really a great tool to boost a blog's presence through post linkage. As without them, older posts will all seem like an old deserted building.

      Thank you for stopping by. It was great having you here.

      Delete
  3. please where can I get other people also read widget,

    please help me link within is not working for me same thing as this one please what can I do now.

    ReplyDelete
    Replies
    1. You certainly must be getting it wrong some where.

      What are the response you got while saving?

      Delete