Display Related Posts with Thumbnails In Blogger

The most important thing for blogger is the traffic, the visitors, and he works very hard to get a lot of visitors every day,
but what to do after getting good number of visitors.
You have to make your visitors keep return to your site and spend more and ore time on your site.
and one of the most effective way to do this is to convince your visitors that you still have more high quality content.
after a visitor finish reading one of your blog posts, he should find some thing related to his interests.
so you may want to make it easy for him to find another related content on your blog,
and the best way to do it, is to use a related posts script, to display list of related posts, not only the posts titles, but thumbnails too.

And we’ll use one of the best widgets for this process, it’s linkwithin.

What Is linkwithin

linkwithin is a free widget enable us to display list of related posts with thumbnails at the posts footer.

at the moment you can choose one of three factors that determine the posts that appear in list. the 3 factors are

• Relevance
• Popularity
• Recency

How To Add Related Posts With Thumbnails linkwithin linkwithin WidgetTo Your blooger Blog

It’s easy to add this widget to blogspot, there is two ways to add it, and every one have to choose the Proper way.

If You Use One Of Blogger Standard ( Default ) Templates.

if you use the standerd templates just go to LinkWithIn.com
you’ll find a small form on right, fill it, and choose blogger as your platform. and and follow the instructions.
after installing the widget in this way you’ll see You may like these related stories at your posts page after each post, at your main page, and at your search results page.

If You Use A Customized Templates.

This way is used to add the widget to your blog if you:

• Use customized blogger template
• Want to customize the widget for your blog

Step 1

Go to LinkWithIn.org,
Fill the form on the right-hand side, but for Platform choose Other

then click Get Widget you’ll be in a page called Install Widget on Other Platforms
and you’ll see a code there. don’t copy the code but find linkwithin_site_id as you see in the image. find it and copy it, it should be someting like this
48394 then save it in a notepad file or save it any where.

Step 2

Go to Layout>Edit HTML in your Blogger dashboard and ensure you have checked the “Expand widget templates” box.
and use your browsers finder and find this tag

<div class='post-footer'>

or similar tag, you must find post-footer tag.

Step 3

once you find it, just before it past the following code.

<b:if cond='data:blog.pageType == "item"'>
<script>
var linkwithin_site_id = YOUR_SITE_ID;
(function () {
var elem = document.createElement('script');
elem.type = 'text/javascript';
elem.src = 'http://www.linkwithin.com/widget.js?rand=' + Math.random();
document.getElementsByTagName('head')[0].appendChild(elem);
})();
</script>
<a href="http://www.linkwithin.com/"><img
src="http://www.linkwithin.com/pixel.png" alt="Blog Widget by LinkWithin"
style="border: 0" /></a>
</b:if>

Step 4

Change YOUR_SITE_ID To your own saved ID > in step 1.

Step 5

Review your template and see if it works or not.
and that’s it.

Frequently Asked Questions

If you have a problem with this widget, please visit this page.
linkwithin.com Frequently Asked Questions
I wish you all the best, and please don’t hesitateto leave a comment and share.