Home » Blogger Tutorials, Tricks and Hacks » Blogger Posts / Archive Tricks » Display Related Posts with Thumbnails In Blogger

Welcome to our AllBlogTools.com v.3 new version, We are still in beta, please contact us to report an error.

|| View All Tutorials ||

Display Related Posts with Thumbnails In Blogger

Display Related Posts with Thumbnails In Blogger

1 Star2 Stars3 Stars4 Stars5 Stars

Report Error

15,080 views

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.

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.

Liked It ? Please Share

Comments

55 Responses | Post A Comment | Subscribe To Comments RSS Feed

  1. beben says:

    i still don’t understand with the Display Related Posts with Thumbnails In Blogger, what the point that trick ???

    • Max says:

      hi beben
      thanks for your comment but me too don’t know what the point of your comment.
      a lot of blogger want this widget.

  2. Thank you so much hi from Turkey/İstabul.

    Regards

  3. Hi, I am with Beben – is there an example of what you are trying to explain in this blog? I have no idea what you are teaching unless I can “see” it. Thanks.

  4. Max says:

    Hi Stephanie
    check out this links To See Live Demo

    Nnational Geographic Blog

    thrfeed.com

  5. Boholik says:

    Unfortunately I have this widget does not work. :-(
    Do not see!

    • Max says:

      Boholik, Are you sure that you have the latest flash player version installed, please wait for about 10 seconds to see it, it’s load time depending on your internet connection speed.

  6. srikblog09 says:

    This is an interesting post.Lets try it.

  7. alkoga says:

    it worked with me.thank you.

  8. kim says:

    It works perfectly, thank you very much

  9. poyo says:

    helo..how to change it into english. the one coming out in my blog is in indonesia..tq

  10. Max says:

    hi poyo, What do you want to change it into english

  11. aramnet says:

    thanx aloy ya baby

  12. Bruce says:

    thanks. This is a good way to add more content for your visitors.

  13. Sulltan says:

    thank u very much admin its working . and looks so nice .

  14. wInk says:

    Nice Share !!!

  15. i cant find
    in my blog

  16. Sarlyn says:

    wow, this is the one that i am looking.. thanks to you. I hope you keep on teaching tricks in blogger. thanks again.

    • Max says:

      thanks Sarlyn, i’m really happy with your comment and i’ll try to keep it up.

  17. Gabi says:

    I loved the post and I really want to make this widget to work on my blog, but I cannot find the tag you mentioned.

    How can I fix that, please?

    Best regards.

  18. Max says:

    Hi Gabi, try to find any similar code in your template have this tags at the same time, Post And Footer, but please backup your template before making any changes.

  19. Don BooDee says:

    Apart from LinkWithin Bloggers do have alternative = check out the hack developed by Aneesh of BloggerPlugIns at http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html I’ll leave it to you Max to do the comparison of which one is better :-)

    • Max says:

      @ Don BooDee , of curse Aneesh is one of my favorite bloggers, but i think his widget still have some errors with alot of blogger.

  20. OrkanA says:

    Thanks for that, but I can’t remove linkwithin-ads on right of the widget.

  21. Ravi says:

    Very helpful and informative post on related posts widget. Because of this post I could successfully implement the widget on my blog. I loved it.
    Thanks.

  22. Mixhunt says:

    Thanks for Info…

  23. Don BooDee says:

    @Max I see. Tried it for quite sometimes and it seems fit for it purpose thus far. Lucky me, I guess. Nonetheless, it’s always good to have alternatives to choose from. I presume than LinkWithin is relatively more stable then.

  24. Arash says:

    100/100 <3

  25. Max says:

    Thanks all for your amazing and supporting comments.
    thanks for Arash, Don BooDee, Mixhunt, Ravi and OrkanA.

    i wish you all the best.

  26. Heyyy this works great !!! Thanks, Muchas gracias

  27. Indra says:

    i did it ^^
    thx again max..u r my fav

  28. gronial says:

    Why do not work with pics aschol

  29. osama says:

    Is there a way to change the
    (You might also like:)
    To another sentence

  30. Thanks Brother. It worked with me. May God bless you and guide you to the straight path. Ofcourse you are very good brother. How many people have benefitted from this work. May God reward you.

  31. Max says:

    @ Giann Scolari, Indra, Mohamed Shafiu, thanks for you comments, u r always welcome.

    @ osamatill now , i don’t think so, or i didn’t even try to do it.

  32. souvik says:

    Thankuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu very much ….

  33. kiki says:

    i cant found the “post footer” in my html…. how to find it??? maybe it just no there….if not, what shud i do??

  34. cas says:

    it works!! thank u so much..love it

  35. i want to add comment box on my site like this box
    please help me
    because its look cool and easy

  36. Bulma says:

    thanks for tip ,Now i use for my blog i’m very happy blogger :)

  37. Max says:

    @ Ankit Navgwal , sorry but this is not possible currently in blogger right now.
    @ All , thanks all for your nice comments.

  38. limptrash says:

    thks dude this blog help me put the way i want the style i like, great blog dude keep ur good work m8 and thks this post help me a lot xD

  39. Jaydeep says:

    I have installed this widget successfully but I want the height of this widget to be reduced. please see here : http://zappedia.blogspot.com/2010/04/gravity.html
    Here you will find my problem.
    I have only one word titles so the space given is too big for me.

  40. Jaydeep says:

    It’s there in the end of my blog page. But no problem, just advice me how to decrease the size of the writing section in height.
    Thanks.

  41. Jaydeep says:

    I have another strange problem, some selected posts only keep on showing in the related posts at each page.
    plz help.

    • Max says:

      please uninstall the widget for your blog, then re install it again, or just contact the linkwithin authors.

  42. Jaydeep says:

    Thanks for the support…!!

  43. bilquer says:

    Thanks Max , thanks Linkwithin 😉

  44. KFunC says:

    How to make related post like this blog?
    is not from linkwithin rite?

  45. ahmed says:

    tks for this widget its so nice
    but why u want us edit the templete?
    when i click get widget so it allow me to install widget directly on my blog
    tks anyway .

  46. N.H.Sarja says:

    Thank you very much… its working great :)

  47. Blackspreen says:

    I dont find only feeds

Comments will be closed off on this post 365 days (1 year) after it is published. Apologies to this, but it's all about avoiding a growing comment spam problem. See our most recent posts where you can comment here