Display Related Posts with Thumbnails In Blogger

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
Related Posts with Thumbnails In Blogger
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.
Related Posts with Thumbnails In Blogger
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.

Theo allblogtools 

1 comments:

Anonymous said...

Have a nice day, please visit back, :love:
Software Download Free + Key Crack.
| System Tools | Multimedia | Antivirus Security | Graphics Designs | Internet Tools |
Make Money Online - Templates Blogspot Free - Tricks For Blogger - Add Blog Free - HOT! Scandal - .: Chăm Sóc Da :. - .: Điều Trị Cao Huyết Áp :.

Post a Comment