How to Add Related Posts with Thumbnails In Blogger

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.com,
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.