Keep your blog readers engaged to your blog and increase your blog page views, and help it grow in both seo. Though 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
==>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 == "item"’><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="Related Posts";
</script>
<script src=’http://helplogger.googlecode.com/svn/trunk/related_posts.js’ type=’text/javascript’/>
</b:if>
div class=’post-footer’>
==>Just Insert this codes above it
<b:if cond=’data:blog.pageType == "item"’><div id=’related-posts’> <b:loop values=’data:post.labels’ var=’label’> <b:if cond=’data:label.isLast != "true"’> </b:if> <b:if cond=’data:blog.pageType == "item"’> <script expr:src=’"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=6"’ type=’text/javascript’/></b:if></b:loop>
<script type=’text/javascript’> var maxresults=5; removeRelatedDuplicates(); printRelatedLabels("<data:post.url/>"); </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.
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
The codes above are for the related post widget not the ''Other people also read''
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.
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.
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.
You certainly must be getting it wrong some where.
What are the response you got while saving?