How To Add Related Posts Widget To Blogger with Thumbnails

Now here is a wonderful hack for displaying related posts beneath each of your blog posts, along with thumbnails. The related articles are chosen from other posts in that same category/label/tag. With this hack many of your readers will remain on your site for longer periods of time when they see related posts of interest.

Related: Related Posts Widget with Thumbnails and Summaries

related post, related posts blogger, blogger widgets

Adding the Related Posts Widget to Blogger/Blogspot

Step 1. Log in to your Blogger account and go to Template > Edit HTML

blogger template, edit html

Step 2. Click anywhere inside the code area and press the CTRL + F keys:

blogger search box, CTRL + F

Step 3. Search for this piece of code adding it inside the search box (hit Enter to find it):
</head>
Step 4. Copy and paste the below code just before/above the </head> tag:
<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts{float:left;width:auto;}
#related-posts a{border-right: 1px dotted #eaeaea;}
#related-posts a:hover{background: #EEEEEE;}
#related-posts h2{margin-top: 10px;background:none;font:18px Oswald;padding:3px;color:#999999; text-transform:uppercase;}
#related-posts .related_img {margin:5px;border:2px solid #f2f2f2;width:110px;height:100px;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;-webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; }
#related-title {color:#666;text-align:center;padding: 0px 5px 10px;font-size:12px;width:110px; height: 40px;}
#related-posts .related_img:hover{border:2px solid #E8E8E8;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}</style>
<script type='text/javascript' src='http://helplogger.googlecode.com/svn/trunk/relatedposts.js' />
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
Note:
- to change the width and height of thumbnails, modify the 110px and 100px values in red
- to change the color and size of related posts titles, change the value in blue
- remove the line in violet if you want the related posts to be displayed both in homepage and post pages.

Step 5. Find the line below (you will find two times, but you need to stop at the second one):
<div class='post-footer'>
Step 6. Just above <div class='post-footer'> paste this code:
<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=5&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle=&quot;<b>Related Posts:</b>&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div class='clear'/><div style="font-size: 9px;float: right; margin: 5px;"><a  style="font-size: 9px; text-decoration: none;" href="http://helplogger.blogspot.com/2012/03/how-to-add-related-posts-widget-to.html" rel="nofollow" >Related Posts Widget</a></div>
</b:if>
<!-- Related Posts with Thumbnails Code End-->
Note:
- change the 5 value from max-results=5 with the number of posts you want to be displayed
- if you want the related posts to be displayed on homepage too, then remove the lines in violet

Update! If you are unable to see the related posts widget after saving the template, add the code (step 5) just above the </b:includable> tag which can be found above this line (CTRL + F to find it):
<b:includable id='postQuickEdit' var='post'>
For more info, click on this screenshot below:


Step 7. Save the Template and that's it. Now the Related Posts widget should appear below each blog post that has labels on it. Enjoy!
Share this post:

    Random Posts

309 comments:

  1. thanks very much
    worked 100%

    ReplyDelete
  2. for the "class='post-footer-line post-footer-line-1'>" line, I have two of those in my code. how do i know which one to put it under?

    ReplyDelete
    Replies
    1. Hello there,
      Sorry i forgot to mention there are two of them. Add it after the first line. Take care

      Delete
  3. Thankss .. i add it to my blog themoviesfreak.blogspot.com

    ReplyDelete
  4. friend how did you remove the blogger mark 'B' which shown at the tabs of the browsers?

    ReplyDelete
    Replies
    1. Hello mash,

      I've added a new tutorial. Read about it here:
      How to change Blogger's default favicon

      Delete
  5. Any One can help me
    this is my blog http://imgbook.blogspot.com
    i have use these codes.it's workin frist two months. but after few months it auto not working. i don't know what is the broblem.
    now i am using linkwihing.linkwithing is not good.

    please help me

    ReplyDelete
  6. Thank you so much! My blog is looking good now, I had tried some other code, and it just wasn't working.
    http://simplybetterhomemaking.blogspot.com

    ReplyDelete
  7. thanks for this... it works for my blog now.
    http://xxxmehide.blogspot.com/

    But one thing to ask how to add thumbnails when i never putted a picture to a post? any random pic in array?

    ReplyDelete
  8. also when i change the max-results=6.
    Only 5 related post thumbnail display what happened? i recheck everything..

    ReplyDelete
    Replies
    1. I've updated my post: change the "6" value from max-results=6 from step 6 and the one from step 4 too (if you haven't done this already) To change the "no image" picture, replace the url address in blue with the address of your own hosted picture. I hope it helps

      Delete
  9. Hi admin. can i ask? how to put it on the main page. cause i only see the related post when i open the post. but cant see it on main page. please answer me thank you!

    ReplyDelete
    Replies
    1. Hi,

      Remove the fragments of code in violet from the step 6. Thanks for visiting!

      Delete
  10. Its bad but it doesnt work on my blogs.

    ReplyDelete
  11. Worked perfectly. Thanks a lot!!! :)

    ReplyDelete
    Replies
    1. I'm glad it worked :) Thanks for visiting

      Delete
  12. Hi - thanks for the post. This works, but I had to tweak it slightly to display it on homepage. The violet coloured codes need to be removed from in Step 4 and Step 6 too. I think your instruction isn't clear on that point. But thanks again.

    ReplyDelete
    Replies
    1. Yeah, you're right! Now i'm going to update my post. Thanks for telling me XD

      Delete
  13. Hi, I can't find either of the last codes you mentioned in my blogger blog. www.allgrownup2011.blogspot.com

    any suggestions??

    ReplyDelete
    Replies
    1. Hi, add the code from step 6 below/after <data:post.body/>
      I hope this works.

      Delete
  14. I can't find either two codes on step 6 or code in my blogger html. Please help me.

    ReplyDelete
    Replies
    1. Then search for this one: <data:post.body/> and paste the code after it. Hope it helps

      Delete
    2. I couldn't find either of them... Are there any other options?

      Delete
    3. expand your widgets first.........

      Delete
    4. Mine was NOT working until I expanded my widgets. Thanks Ateeb & Admin!! Looking great now.

      beautyandthebibliophile.blogspot.com

      Delete
  15. Thanks a lot, works perftcly....! but it is showing in very small size, i want to increase its size, how can i do that ? hope u will help..!

    ReplyDelete
    Replies
    1. Search in your template for this address: http://helplogger.googlecode.com/svn/trunk/related-posts-with-thumbnails-for-blogger.js
      REPLACE it with this one: http://helplogger.googlecode.com/svn/trunk/related-posts-with-big-thumbnails.js

      Hope it works. Thanks for visiting :)

      Delete
    2. Nice.. Tip.. I like the Big thumbnails better..
      Is there any chance i could also increase the amount of Text displayed under the thumbnail?

      Some related posts topics makes no sense when its half.

      Delete
  16. I can't find step three with the / in my html. will it still work if I put it below the same word without the slash?

    ReplyDelete
    Replies
    1. It will work but it is recommended to put it before the head closing tag. Better add it after </b:template-skin> instead.

      Delete
    2. Thank you so much for getting back to me so quickly! I really appreciate it! I found the code and then pasted yours. But now none of the step 5 codes are in my html. weird? is there anything i can do?

      Delete
    3. Make sure you have checked the 'Expand Widget Templates' checkbox then press Ctrl+F and enter one of the codes from step 5 in the Find box at the bottom or top of your browser. The codes can be found only when you check that box. Also make sure to backup your old template just in case you make a mistake. I hope this helps. And thanks for visiting :)

      Delete
  17. Well done..its good. I have been searching for that..my blog is..
    http://mag222.blogspot.com

    ReplyDelete
  18. None of the three lines of code in step five appear in my template. Suggestions?

    ReplyDelete
    Replies
    1. Nevermind, I figured it out :)

      Delete
  19. it didnt work for me

    ReplyDelete
  20. Not working for me either. Maybe it's conflicting with some other widget/script?

    ReplyDelete
  21. Nice post. I have added this in my blog. But, I need a help. Is there any way to change the font for 'Related Posts' title?
    http://istash.blogspot.com

    ReplyDelete
  22. :( Blogger is giving me an Error code! Can't save the template.

    ReplyDelete
  23. hey! how can I change the Thumbnails's dimensions? they are to small and also the images appear distorted! :(

    ReplyDelete
  24. It didn't work for me but this websites link in in the first post on my blog and won't go away :(

    ReplyDelete
  25. Is there a way to adjust the width of the padding either side of each thumbnail? I would like to try and create more space in-between each of the posts didplayed.

    ReplyDelete
  26. Thanks a lot for explanation! Made it yesterday - works fine.
    But I have another type of an issue.

    My blog: http://kuklikicom.blogspot.be/
    It is bi-lingual.
    TO make life easy to the readers I preceede the text with a small icon with the corresponding flag.
    And the related posts widget picks up often this flag instead of nice pictures in the post.
    How to bypass this?

    Thanks a lot for any advices.
    Kukliki

    ReplyDelete
    Replies
    1. Solved it using div with hidden image :)

      Start knowing CSS :)

      Cheers
      Kukliki

      Delete
  27. hi,

    first of all, i must express my thanks to you for sharing this great tips.

    it works for my blog, but i'm facing a minor problem here.

    I removed the violet code to have the related post appeared on my homepage too, however when I click on the post, the related post doesn't appear. why is it so?

    hope you can help me out. because i does not wish to remove all the codes and search for another code from another author to try it out all over again.

    thanks

    ReplyDelete
  28. I really want this to work, but I followed all of the instructions exactly and nothing on my blog has changed. What's going on??

    ReplyDelete
  29. Anonymous7/16/2012

    guddd!!

    ReplyDelete
  30. not workinggg 4r me :((((

    ReplyDelete
  31. Hey my blog is http://marissapink.blogspot.com/
    I tried this but it didn't work for me =(

    ReplyDelete
  32. Many apologies for my long missing, i've been a little busy in the last time! Thanks everybody for the feedback!

    @ Atlas: make sure you don't have 2 similar codes like the one from step 4

    @ Blogging Sentral: Just add the code from step 6 after: <div class='post-footer-line post-footer-line-1'>

    @ Birgit Kerr: Try adding the codes again and pay attention at the code from step 6, it should be pasted after <div class='post-footer-line post-footer-line-1'>

    @ Shakhawat Shahed: yes, you could easily change it by increasing/decreasing the bolded value from: #related-posts h2{
    font-size: 1.6em;

    @ threesugars-aj: Click on Edit HTML and don't save the changes, then try adding the codes again.

    @ Nathalia: please see the 27.a comment

    @ Tess Delaune: add the bolded lines to #related-posts a{:
    #related-posts a{
    color:black;
    margin-left: 5px;
    margin-right: 5px
    }
    ... and increase the 5 value for wider space

    @ Pacco - I tested on my blog and it shows both on homepage and post pages. Maybe adding it again would solve the issue.

    ReplyDelete
    Replies
    1. Thanks for your valuable post
      http://itunerbd.blogspot.com/

      Delete
  33. It looks great in my blog buddy,thank you very much for share this useful tips article!
    Nice to read your entire articles,

    http://www.advantoday.com/

    ReplyDelete
  34. Thank you, thank you, thank you! :)

    ReplyDelete
  35. Anonymous8/10/2012

    Works like a charm. Thank you.

    ReplyDelete
  36. tried to use it on my blog http://www.iplaygalaxyy.blogspot.com but the prob is how to add transparency to it? and images don't show up

    ReplyDelete
    Replies
    1. Change the background-color:#d4eaf2; from the code from step 4 to background-color: transparent;.

      Delete
  37. Its work for me. Thank you. www.weteca.com

    ReplyDelete
  38. what if we can't find the "post-footer-line post-footer-line-1" (all 3 options)?

    ReplyDelete
    Replies
    1. Add it above <div class='post-footer'> instead.

      Delete
  39. Its Not Working On My Blog.
    Pls Tell Me
    My Blog:- http://yourgenunepc.blogspot.in

    ReplyDelete
  40. thanks for writing this up and keeping up with comments. What edits would I make if I didn't want any image pic- just the text of related post titles?

    ReplyDelete
    Replies
    1. Hi,

      Please read this tutorial:
      Simple Related Posts

      Thanks for visiting!

      Delete
  41. Anonymous9/22/2012

    i can't find this all, please help.. "< class='post-footer-line post-footer-line-1'>"

    "< class='post-footer-line post-footer-line-1'>"
    "
    "

    ReplyDelete
    Replies
    1. Add it above <div class='post-footer'> instead.
      Hope it works

      Delete
  42. Thanks for the simple related post! Been searching all over the net and found your post.

    ReplyDelete
    Replies
    1. Thanks for stopping by ;)

      Delete
  43. Holy Smokes! That was easy! (even with a custom template) And sooooo very kewl! I even plopped my own default pic in for posts that don't have any. And it's working perfectly on the home page too!

    A fabulous addition to my blog - no doubt will greatly improve my page views. Thanks so much!

    http://www.travelnlass.com

    ReplyDelete
  44. How to Add a Background Color For the Whole Widget. By URL

    ReplyDelete
    Replies
    1. You have to add the following line after #related-posts { (step 4)
      background-image: url(IMAGE-URL);

      Delete
  45. why it only show 3 articles for the video tag(one of my tag, youtube vedeo only i have about 10 articles in that tag), and the 3 articles always the same?
    why it doesn't show any article for another tag witch don't contain any picture or video(text only)?

    this is my website(please check if you need..):http://djhappyhunk.blogspot.ca/

    Thanks.

    ReplyDelete
  46. Anonymous9/29/2012

    Thanks You Very Much

    ReplyDelete
  47. Hi, thanks for your article. how to change the thumbnails to a list format with a small thumbnail picture on the left side? Could you please help me with this?
    http://waytobliss.blogspot.in/

    ReplyDelete
  48. working perfectly. Thanks

    ReplyDelete
  49. i have not post footer div class xD

    ReplyDelete
  50. It`s Work For My Blog! Thank You Admin~

    http://bilalelakiberbicara.blogspot.com

    ReplyDelete
  51. Thanks for this, bro.! It worked! http://byshaishai.blogspot.com

    ReplyDelete
  52. Hello, I applied this on my Blog - www.sushilkumar.net
    Every thing is almost good. But despite removing the code in violet ( in step 4 and 6) to display related posts in homepage too, it's still working on Post Pages only. Pls Help me .I Tried much...
    email- sk.dumka@gmail.com

    ReplyDelete
  53. It works!! Thank you.. And could you please tell me how can I increase the size of the thumbnail as I feel it so small in my blog.

    ReplyDelete
  54. thank you very much it worked completely fine. but is it possible to change the header "related posts" to something else or at least amend the font? please let me know how! thanks in advance!

    ReplyDelete
  55. Hai,

    Really its helped me lot. Thanks for post.

    ReplyDelete
  56. Im doing a dummy blog to test it out before I launch it. Ive been trying this for 2 days and still doesnt work can you please check it out for me. http://makeupbyangelh.blogspot.com/

    ReplyDelete
  57. Is there a way I cant change the font of ''related posts''? I want it to be Georgia and not italic... Furthermore, it works perfectly, thanks!

    ReplyDelete
  58. really nice and easy tips for beginners ..

    one more doubt if i want to show related blogs without thumbnail what should i do?.. please reply me

    ReplyDelete
  59. Great! At first I thought it doesn't work. Tried a few times. Check here and check there.. Then Found out I have deleted some code. :)

    Thanks so much.. very helpful..

    ReplyDelete
  60. can u help me...?
    i want related post style like that u see here ( http://i.minus.com/i5fXavlaprLSm.PNG ) ... but i dont know how to do.. pls help me that post..

    ReplyDelete
  61. What can I do if i can't find 'post-footer'? Thanks

    ReplyDelete
  62. Yes.... it's work.... good job, thanks a lot man

    ReplyDelete
  63. OMG! thank you for the code

    ReplyDelete
  64. how to change words "Related Posts" to another word

    ReplyDelete
  65. Thanks for the nice widget. It's work for me, and I want to know how to make some changes. I want 4 related post all together, forming a nice square, with no tittles. Is this possible?

    ReplyDelete
  66. Great trick. It worked really well @ http://blogriches.blogspot.com

    ReplyDelete
  67. Hi!
    I just added it to my blog, http://whynot2000.blogspot.com/, but some posts that have pictures show up with the default picture in the related posts.

    Thanks for the great resources!

    ReplyDelete
  68. Thanks SO much! Easy and it worked great!!

    ReplyDelete
  69. Ok, I spoke too soon. It does work. But I only see it under one category.
    I would greatly appreciate it if you could take a look at my site and tell me what you think. The first post on the page, under category DIY, is working. But if I click on my other posts, say, a Before/After category, nothing shows. And I do have several Before/After posts so they should be there. I'm lost.

    Thanks so much!

    ReplyDelete
  70. Is it possible to use this code in a static page?

    ReplyDelete
  71. Getting error:

    Error interpreting blog template

    Invalid data reference post.isFirstPost: No dictionary named: 'post' in: ['blog', 'skin', 'view']

    ReplyDelete
  72. how can i add this widget below comment box?

    ReplyDelete
  73. Absolutely fantastic tutorial mate. This worked without any hiccups, thanks a load!

    ReplyDelete
  74. Nice brother great blooging

    ReplyDelete
  75. Thank you so much for this tutorial. I've removed my linkwithin and replaced it with your code! Love it!

    ReplyDelete
  76. Great! i succses in the end!

    ReplyDelete
  77. How can I center the thumbnails and posts? I was able to center the "related posts" text but not the boxes underneath. Thanks

    ReplyDelete
  78. i like ur post helplogger.blogspot.ch/2012/03/how-to-add-related-posts-widget-to.html

    ReplyDelete
  79. Anonymous1/11/2013

    Thanks its working ::)

    ReplyDelete
  80. This is awesome! Thank you so much! I am not sure why some posts are getting 2 related posts and some are getting six, though. There are posts that only have 2 but there are more of my posts that are tagged that should appear as well... Please let me know if you have a chance. Thank you!

    ReplyDelete
  81. Anonymous1/11/2013

    Hello, it works on me too... Thank you :) The post title it displays is only 32 characters, I want to change it to at least 60 characters, is this possible, if so how? More power to you and happy blogging!

    ReplyDelete
  82. It doesn't show on my blog. Will it take a few hours?

    ReplyDelete
    Replies
    1. No, it starts showing in seconds. Do u have labels in ur post as the logic of this script works on labels.

      Delete
  83. Thank you so much!!!
    Link Within didn't work and I'm so glad I found your site!
    Now this code is on a german food blog :-)

    ReplyDelete
  84. Works great! Can I exclude labels?
    Example: I have a book blog and I only want to be displayed related posts of the same author, not for the same rating of e.g. 5 stars.

    ReplyDelete
  85. Its not working on me.....!

    ReplyDelete
  86. Thank you so much, it worked perfectly!
    1 question: how can I make the font of "related posts" smaller"?

    ReplyDelete
  87. Just read through your comments and got my answer. Thank you!!!

    ReplyDelete
  88. Great hack and tutorial.
    Really easy to follow. Got it up and running in a minute or two.

    Thanks for sharing.

    ReplyDelete
  89. so when I copy and past the codes and it hit save it wont save. Is there something i am doing wrong?

    ReplyDelete
  90. Thank you! Worked like a charm!

    ReplyDelete
  91. Anonymous1/28/2013

    Working fine...but it shows the same post also within the list....suppose i have posts 1,2,3,4,5,6 and I am now seeing post 1...so the related posts list should show 2,3,4,5,6...but it's showing the post 1 also within the list...it must not show the current post or the post which is watched currently na...related post for post 1 should be different from post 1...should not include post 1 within the list...

    ReplyDelete
  92. Thanks for the great post this has to be the best explained one i have found but like all the others ive tried I cant seem to get anything to show up, im using bloggers picture window template and I have follow the instructions word for word, am I missing something?

    ReplyDelete
  93. Totally awsome. Wonderful plugin. Thank you very much.

    ReplyDelete
  94. Thank you so much! This is perfect. :D

    ReplyDelete
  95. Hi! It works well! But can I change the "related posts" text? I want to translate into my language. :)

    ReplyDelete
  96. awesome... it works! Thanks for sharing.

    ReplyDelete
  97. Exellent job. Very nice modification. Thank you very much. Good looking blog by the way.

    May I ask where you get the Recent Comment plugin on your blog?

    ReplyDelete
  98. thanks so much.This is exactly what i am looking for
    Thanks a loit bro

    ReplyDelete
  99. Works great ... thanks!

    ReplyDelete
  100. You are amazing! Thank you so much!

    ReplyDelete
  101. hey admin, its nice, i was searching this frm long tym, now i want to replace '' related post'' with 'my own words, plz help

    ReplyDelete
  102. Works!! But is there a way to display it BELOW the comments box? I tried moving the code around a bit but the lovely new goody disappeared completely instead of appearing farther down ...

    ReplyDelete
  103. I figured out how to move it down!! Find:




    and paste the SECOND block of code immediately above this. Now the related posts will appear between the share buttons and the comments box.

    ReplyDelete
  104. Replies
    1. Anonymous3/04/2013

      Its working, what you need to do is labeling your post with same label name, like i'm doing to my site: http://how-to-grow-taller-naturally.blogspot.com/

      Thanks Admin.

      Delete
  105. why it only show 1 article although it sets to 5

    ReplyDelete
  106. Hey.. any idea if i want to show this in my sidebar???
    i tried pasting the code just above the div id='rsidebar' but gives me an error.

    ReplyDelete
  107. related posts images are not showing ... what i do

    ReplyDelete
    Replies
    1. Hi Saif,
      Please send me a copy of your template at helplogger76@gmail.com

      Delete
  108. why the images are fainting?

    ReplyDelete
  109. Worked like a charm - thank so much!

    Linda
    www.nightowlcorner.com

    ReplyDelete
  110. I did everything as instructed but it is not showing on my blog. What do I do.

    ReplyDelete
  111. Anonymous3/30/2013

    thanks man u r awesome , i like u , be my bf

    ReplyDelete
  112. This is not working. there are two 'div class='post-footer' And am i suppose to put my url in twice?

    ReplyDelete
  113. Hello dear
    its works but Default image location is not working on my site. Anyway I dont want to show thumble Image Just related posts only. Can you help me please?

    ReplyDelete
  114. Anonymous4/04/2013

    THANK YOU FOR SHARING, I THINK WE SHOULD KISS 'LINKWITHIN' WIDGET GOODBYE..

    ReplyDelete
  115. Hello, I can't seem to add this on my blog slimegreenplants.blogspot.com and it's not showing even though I tried a few times. Any advice? Thanks

    ReplyDelete
  116. It doesn't show on my blog.. :(

    ReplyDelete
  117. Thank you so much was very helpful.

    ReplyDelete
  118. Great post. I was looking that widget for a long time.. Thank you.!

    ReplyDelete
    Replies
    1. You're welcome. Thanks for visiting :)

      Delete
  119. didn't work for me...is it because m using third party template? or can u guess any possible reason.. Thanks

    ReplyDelete
    Replies
    1. Hi Sushmita,
      Please try adding the code from step 6 just below the 2nd <data:post.body/> (instead of <div class='post-footer'>)
      I hope this will work ;)

      Delete
  120. help me its not working on my blog http://wahsushkitchen.blogspot.de/

    ReplyDelete
  121. its not working for me
    check out my blog
    http://companysb.blogspot.com/

    ReplyDelete
  122. Hey until today this worked fine on my blog but now it's not showing anymore? =/

    ReplyDelete
    Replies
    1. It seems that the recent changes of Blogger's template editor, brought also some small changes in the template's code... Maybe adding it below the 2nd <data:post.body/> (instead of <div class='post-footer'>) would solve the problem?

      Delete
    2. Yeah that worked! Thanks. =D

      Delete
  123. Hey Admin, I Really like your templete it's cool and very simple to use as well as it looks professional, I've been looking for a good templete since 2 years but i could not find any good one but when i come to know about your beautiful blog i've learnt many things thank you so much.
    Admin this is my blog could you please tell me something about your templete where can i download it. this is my blog freefiles5.blogspot.com
    Thanx. plz.

    ReplyDelete
  124. This code works, but my thumbnails are mishapen. it forces the default photo to be a square thumbnail but the photo is often not square which leaves the the photo looking odd. can i change that?

    ReplyDelete
  125. Hi...

    Thanks for sharing such a nice trick to use related post in blogger.

    ReplyDelete
  126. Hi, thanks for this hack, it is working great. My only problem is that it keeps putting in the current post that I am on (clearly related, haha). Is there a way to fix this?

    Also, I already have the "larger" thumbnails, but I use really large ones on my blog. Is it possible to override the size somewhere in the code?

    Thank you!

    ReplyDelete
  127. Hmm. donno the prob. did not worked for me. nothing happent. :(

    ReplyDelete
  128. this widget is a good one.

    ReplyDelete
  129. by the way, this script is like your related post ?
    i need a related post like you, simple and great

    ReplyDelete
  130. hello admin,
    this is not working in my blog. Can you help me ?

    ReplyDelete
  131. hi admin.for my blog it's not working. my blog contains a jquery plugin for image slider.is this the reason of not working?pls help.i need your code to work.pls help as soon as possible.
    my blog- renewpowerzone.blogspot.in

    ReplyDelete
  132. i want to move it below my posts not below the comment? Can any one help>

    ReplyDelete
  133. After adding it in my blog, a space was created under the first post in the homepage

    How can i remove that space?

    Thanks man

    ReplyDelete
  134. I cannot see it on my blog either....hmm...

    ReplyDelete
  135. Hi, I need your help. I've tried some related posts tutorial for my blog but they didn't work. There was always shown the error 'undefined'. In fact, I've added and activated labels in my blog. Any solution for this ? Thanks

    ReplyDelete
  136. Hello Admin I am using Hi-Tech Template of templateism and I tried To Add Related Posts Widget To My website www.technologyraise.com but its not working .I followed each step .Please help me out.

    ReplyDelete
  137. I cant see " expand widget template" :3

    ReplyDelete
  138. Thanks for such a nice tutorial. But may I know how to:
    1. Change the thumbnail to a higher resolution? (It is so blurry with normal computer screen and even more blurry with MacBook Pro's Retina Display)
    2. Change the font-size inside? It is currently 12px but I wanted to change it to 10px.

    Thanks!!!!

    ReplyDelete
  139. You rock! Please start a newletter and email me when you do!! tinigenie@gmail.com! Can I add this blog to my faves on my website? Take a look and see what you think, we are just getting started , so please go ease! theurbanbreeze.blogspot.com

    ReplyDelete
  140. How can I adjust size of my related post to Be 6 in one line or twelve in two line in stead of 4 in one line, or 8 in two line?

    ReplyDelete
  141. Thanks man, it's awesome

    ReplyDelete
  142. there is no expand widget also <div class='pos.....not found help

    ReplyDelete
  143. Great work. :D
    Worked for me just fine.

    ReplyDelete
  144. Hi, new to HTML, when I click "edit HTML", there is no "expand widget template" box. Exactly where is that located? Thanks!

    ReplyDelete
  145. thank you, it worked.

    ReplyDelete
  146. It doesn't work on my blog at all. :( so bummed. Also I have post footer line 1 and 2, I added post code under line1 . Please help. Linkwithin is useles for my blog. :(

    www.shoppingstylenus.com

    ReplyDelete