Best 2 Know

The Ultimate Blogging Resource

  • Advertising
  • WebHosting
  • Contact Us
  • Blogger
    • Blogger Templates
    • Blogger Tutorials
  • Browser
    • Firefox
    • Google Chrome
  • Google
  • Internet
    • Facebook
    • Twitter
  • Thesis
  • Windows
  • WordPress
    • WordPress Themes
    • WordPress Plugins
  • More
    • Linux
    • Review
    • Solutions
    • Announcements

You might also like this Widget for blogger or Related post widget


Displaying the links to related posts along with a thumbnail of the corresponding post will help you increase the page views/user .Users will be tempted to go for the related posts when they are presented attractively with thumbnails.
So you are tempted to add this widget then follow this steps:

  1. Login in to your Blogger Account.
  2. From Dashboard Click on Layout and the Click on Edit HTML.
  3. Then Check the “Expand Widget Templates“.
  4. Find </head> .
  5. Then Before  </head> Paste the following Code.
    <!--Related Posts with thumbnails Scripts and Styles Start-->
    <!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
    <style type="text/css">
    #related-posts {
    float:center;
    text-transform:none;
    height:100%;
    min-height:100%;
    padding-top:5px;
    padding-left:5px;
    }
    
    #related-posts h2{
    font-size: 1.6em;
    font-weight: bold;
    color: black;
    font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
    margin-bottom: 0.75em;
    margin-top: 0em;
    padding-top: 0em;
    }
    #related-posts a{
    color:black;
    }
    #related-posts a:hover{
    color:black;
    }
    
    #related-posts  a:hover {
    background-color:#d4eaf2;
    }
    </style>
    <script type='text/javascript'>
    var defaultnoimage="http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png";
    var maxresults=5;
    var splittercolor="#d4eaf2";
    var relatedpoststitle="Related Posts";
    </script>
    <script src='http://best2know.googlecode.com/files/related-posts-with-thumbnails-for-blogger.js' type='text/javascript'/>
    <!-- remove --></b:if>
    <!--Related Posts with thumbnails Scripts and Styles End-->
  6. Now Find
    <div class=’post-footer-line post-footer-line-1′>.
  7. Now immediately below that line add this code.
    <!-- Related Posts with Thumbnails Code Start-->
    <!-- remove --><b:if cond='data:blog.pageType == "item"'>
    <div id='related-posts'>
    <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:label.isLast != "true"'>
    </b:if>
    <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6"' type='text/javascript'/></b:loop>
    <script type='text/javascript'>
    removeRelatedDuplicates_thumbs();
    printRelatedLabels_thumbs("<data:post.url/>");
    </script>
    </div><div style='clear:both'/>
    <br/>
    <a href="http://www.best2know.info/2010/04/you-might-like-this-widget-for-blogger.html" target="_blank"><b>Grab This Widget</b></a>
    <!-- remove --></b:if>
    <!-- Related Posts with Thumbnails Code End-->
    [Re:FIXED]
  8. You can adjust the maximum number of related posts being displayed by editing this line in the code.
    var maxresults=5;
  9. To edit the title of the widget you can change this line of code.var relatedpoststitle=”Related Posts”;
  10. To change the default thumbnail, you can edit this line of code.
    var defaultnoimage=”http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png”;
  11. To Change the Colour of the Splitter Line , edit.
    var splittercolor=”#d4eaf2″;

To change the other colours and all you will have to modify the CSS

If you fall into troubles implementing this,don’t panic.. :) .just leave me a comment here and i will help you out. If you like to give me any suggestions on how to improve this widget,then it would be really great.

How to display the related posts on every page and not only on the post pages?

Just remove the two lines starting with <!– remove –> from both step 5 and step 7.

that is lines

<!– remove –><b:if cond=’data:blog.pageType == &quot;item&quot;’>

and

<!– remove –></b:if>

After listening to the comments by all of our visitors this code has been updated.

Subscribe via Email

Share this:

  • Twitter
  • Facebook
  • Pocket
  • Print
  • WhatsApp
  • Email

Related

April 20, 2010 Ritesh Sanap Blogger Tutorials blogger account, Blogger Hacks, code lt, div class, div id, javascript, script src http, text, var, Widget

Comments

  1. Anonymous says

    April 20, 2010 at 10:22 pm

    Good one thanks i have seen many of this types of widgets that are used sites like outbrains and linkwidget and i hate it. and also they take time load thanks for it.

    Reply
    • AppoInternet says

      March 28, 2012 at 9:02 pm

      try linkwithin it is very nice …… I am using it

      Reply
  2. turiya says

    April 27, 2010 at 5:12 pm

    I tried installing this on my recipe blog and the only thing it's showing is the link for "Get this Widget". I have no idea what I did wrong. You can contact me at hisspirited1@gmail.com and here's the link to the blog if you want to have a look:

    Thanks!

    Reply
  3. Ritesh Sanap says

    April 28, 2010 at 10:07 am

    I have checked your blog I have seen that you already have the same type of widget . I think if you want use this widget replace that widget with this one and note that i think the current widget will suit your blog as the posts you are doing does not contain images so . keep that widget its good one or if you still want to use this widget start using images in the post . otherwise it will show no-images and the title which won't look nice.

    Reply
  4. zie007 says

    April 28, 2010 at 8:58 pm

    great info..awesome! thanx

    Reply
  5. Ritesh Sanap says

    April 29, 2010 at 1:19 am

    @zie007

    thanks to you all who supports best2know

    Reply
  6. Ritesh Sanap says

    April 29, 2010 at 1:20 am

    @zie007

    thanks to you all who supports best2know

    Reply
  7. Anonymous says

    May 5, 2010 at 8:15 am

    what if we do not have a thumbnail for each posts in the blog? would it still be listed?

    Reply
  8. Download Amazing Videos says

    May 28, 2010 at 8:08 pm

    If you give us a seperate html/javascript coding , we (users) can easily install this widget to add as a gadget and show related post…can u give me such..?

    Reply
  9. Ritesh Sanap says

    May 28, 2010 at 8:56 pm

    @Download amazing videos

    my friend we cant do this because this widget contains special blogger tags which only works in main coding page of HTML if we make a widget installer for its then it wont work then also i will try to make one if i get succeed i will release it.

    Reply
  10. Bon-bon says

    June 4, 2010 at 2:01 am

    Please help, I have a same problem than turia, just grap this gadget sign appears, but did not understand what to change to get work this widget,
    my blog
    http://inspiraciok.blogspot.com
    Please be precious with answer, i m begginer with html
    thank very much!

    Reply
  11. Ritesh Sanap says

    June 7, 2010 at 4:52 pm

    @Bon-bon

    I have the your site and noticed that the code has stopped working so dont worry I will update it.

    Reply
  12. killyourdarlings says

    June 7, 2010 at 5:46 pm

    I just added this code, and it´s not working. As you wrote to bon-bon you will update it, does that mean the code will work again? or what?

    Reply
  13. Ritesh Sanap says

    June 7, 2010 at 6:51 pm

    @killyourdarlings

    yup the code will work again but that one will be the new code.

    Reply
  14. Ritesh Sanap says

    June 8, 2010 at 11:33 pm

    @killyourdarlings
    The code has been updated so give it a try and enjoy

    Reply
  15. eMiLy ChAnG says

    June 16, 2010 at 11:52 am

    I copied and pasted the code. but it is still the same :\

    emily
    http://diaryofemilyc.blogspot.com/

    Reply
  16. Ritesh Sanap says

    June 16, 2010 at 8:23 pm

    @eMiLy ChAnG
    I m extremely sorry that earlier code also didn't work i apologize for it but this one will surely work please try it and thank you for understanding me

    Reply
  17. Joy Reynaldo says

    June 18, 2010 at 1:36 pm

    I'm getting an error:

    Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: The reference to entity "callback" must end with the ';' delimiter.

    Reply
  18. Ritesh Sanap says

    June 18, 2010 at 8:55 pm

    @Joy Reynaldo
    I m extremely sorry that i forgot to convert the code. Now i have converted it.Go ahead and take the code.

    Reply
  19. Spade says

    June 28, 2010 at 10:25 pm

    Please correct the error below, and submit your template again.
    Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: The reference to entity "max-results" must end with the ';' delimiter.

    =[ why ?

    Reply
  20. Ritesh Sanap says

    June 29, 2010 at 4:38 pm

    @Spade
    Problem Solved

    Reply
  21. Nadzirah Hazwani says

    July 10, 2010 at 9:13 am

    I pasted the code but unfortunately it did not appear at all.. what is the problem?

    Reply
  22. Ritesh Sanap says

    July 10, 2010 at 6:20 pm

    @Nadzirah Hazwani
    Pls post the link to your blog with your Email Id. Until i see it i cant really tell you the problem.

    Reply
  23. Mrs. Smith says

    July 10, 2010 at 10:01 pm

    Still not showing up on all pages – only the individual post pages. How can I get it to show up on the bottom of all posts on the main page??

    Reply
  24. Ritesh Sanap says

    July 10, 2010 at 10:09 pm

    @Mrs. Smith
    If you want to display it on main page also then just remove the code around the Remove HTML Comment

    like : <!– remove –></b:if>

    Please note that this step is already described in the tutorial

    Reply
  25. Mrs. Smith says

    July 10, 2010 at 10:12 pm

    @Ritesh Sanap
    LOL! Did this but didn't save it before. Saved it now and it's working beautifully! Thanks so much! Appreciate it!

    Reply
  26. Ritesh Sanap says

    July 10, 2010 at 10:15 pm

    @Mrs. Smith
    You are most welcome. Contact Me at any Time i will help all of you out just a message at this id riteshsanap@gmail.com and i their for your help

    Reply
  27. ReluctantLA says

    July 15, 2010 at 2:37 am

    Hi,

    I'm deciding between YARPP with no thumbnails, LinkWithin or something in between. My template also has "Related Posts" on the top right sidebar. My feeling is that it's distracting on the sidebar and makes more sense on the bottom of the post. I could also have both, but that may be overkill. A simple/minimalist look is my aim. http://www.reluctantla.com. Can you give me your thoughts?

    Reply
  28. Ritesh Sanap says

    July 15, 2010 at 11:18 am

    @ReluctantLA
    See the all the three widgets have been designed in the same way but the YARPP and LinkWithin are not much customizable like this open as this is the main source code behind very Related Post widget for blogger available on the Internet.

    Reply
  29. telugu songs free download says

    July 19, 2010 at 5:44 pm

    i have placed this code and i am not able to find 'Related Posts' under my posts. Can anyone look into my blog and suggest me, if any thing went wrong or not.!

    This is my blog
    http://latestsongstelugu.blogspot.com/

    Reply
  30. Ritesh Sanap says

    July 19, 2010 at 6:08 pm

    @telugu songs free download
    The Problem is not in the code the problem is that you are using different labels for different post. this All related post widgets run using labels.Try using a Particular label for more then one post like if the song is sung "x" singer then if you are posting another Song Sung by that singer then add that label this will surely run. the related post widget if any other help then do tell

    Reply
  31. MrsBossa says

    July 26, 2010 at 11:12 pm

    Hi, I tried this and it just said, 'Grab this widget', so I tried to delete these bits if html and now it says this:

    Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly.
    XML error message: The element type "head" must be terminated by the matching end-tag "".

    Can you help? I'm only a beginner at html.

    Reply
  32. Ritesh Sanap says

    July 27, 2010 at 6:45 pm

    @MrsBossa
    This code is not an simple HTML code so i would sugguest you replace the old code again. I would sugguest that not play with some important codes as they harm our site.

    Reply
  33. telugu songs free download says

    August 1, 2010 at 2:42 pm

    thanks for the reply Ritesh. Hope i can get it from this time.

    Reply
  34. Ritesh Sanap says

    August 1, 2010 at 2:55 pm

    @telugu songs free download
    You are most welcome. If any other help then don't hesitate to ask

    Reply
  35. Ben Ralston says

    August 16, 2010 at 4:13 pm

    Hi Ritesh,
    Thank you for this, it's great!

    I have a problem though – only my old posts are getting updated by this (no related posts are appearing below my new posts).
    Any ideas why?

    Many thanks,
    Ben Ralston
    premjogacenter at gmail dot com

    Reply
  36. Ritesh Sanap says

    August 16, 2010 at 8:17 pm

    @Ben Ralston
    Hi I m Glad that you contacted me when you have a problem but while Reporting please also include the link to your blog so we can verify what is the problem so i cannot reply you with solution right now.So now please reply back with link to your blog

    Reply
  37. Daniel says

    January 27, 2011 at 4:03 pm

    @Ritesh,

    Hi, I’m trying out your widget. Can I ask something a bit technical: how does your widget determine which posts are related?
    Thank you

    Reply
    • Ritesh Sanap says

      January 27, 2011 at 10:05 pm

      Hello this plugin work on labels if you don’t add labels to the post the Widget won’t work, as blogger ain’t that advance to use Title and Post keywords it instead uses the Labels of the post and then matches it with the other post the most post getting the relevant and same labels will be displayed first and so.

      Hope you Understood :P

      Reply
  38. Daniel says

    January 28, 2011 at 5:23 am

    Hi Ritesh,
    Thanks for ur explanation.
    How come the widget only gives very limited suggestions for related post? (many times, only 1 suggestion)
    Can you take a look at my website, please?
    And is there a way to make the thumbnails bigger?
    Thanks

    Reply
    • Ritesh Sanap says

      January 28, 2011 at 3:27 pm

      As I told you the Widget uses the labels more the relevant the labels are the related post you get , if their is one post having that much relevant label then only that 1 post will be showed

      Reply
      • Daniel says

        January 28, 2011 at 4:33 pm

        @Ritesh

        Yup, sure… I completely understood your explanation.
        The reason I’m asking is because I have 22 posts with the label “wedding”, but the widget only provided 1 relevant post (even though maxresult has been set at 5).
        That’s why I initially asked how the the widget determines relevancy.
        So, I was a bit confused as to why the widget didn’t work properly.

        Thanks anyway

        Reply
  39. Self Sagacity says

    February 12, 2011 at 5:11 pm

    This code did not work for me at all. I checked and re-did a few times. I also took out the LinkWithin to see if it will work, but no. I put LinkWithin back.

    Reply
    • Ritesh Sanap says

      March 2, 2011 at 9:41 am

      Ohk , Then i guess it will need to figure out

      Reply
  40. Jolene says

    February 15, 2011 at 3:00 am

    Thanks for the tutorial. Mine worked fine, with the exception that it is displaying the related posts over top of my “labels”, “comments” etc…
    Any ideas how to correct this?

    Reply
    • Ritesh Sanap says

      March 2, 2011 at 9:42 am

      Jolene ,

      If you provide me with the link were you encountered this , it will help me to troubleshoot your problem

      Reply
    • eko hardiyanto says

      March 4, 2011 at 2:00 pm

      maybe your problem in your template….try editing in design->page element->posting blog…then edit…rearrange…and check it

      Reply
      • Ritesh Sanap says

        March 4, 2011 at 9:43 pm

        Thanks buddy for your reply , its great that you are helping others :) , please continue kind work like this :)

        Reply
        • Eko Hardiyanto says

          March 5, 2011 at 11:56 am

          hehe…its ok..thanks for your support..^^

          Reply
  41. khawer says

    April 20, 2011 at 11:19 am

    I have added the code and increased the maximum result to 10.But still its showing only 5

    Reply
    • Ritesh Sanap says

      April 22, 2011 at 10:50 am

      khawer ,
      did you changed ? this one to 10 :
      var maxresults=5;

      Reply
  42. khawer says

    April 20, 2011 at 3:47 pm

    How to change thumbnail size in this url
    var defaultnoimage=”http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png”;

    Reply
    • Ritesh Sanap says

      April 22, 2011 at 10:53 am

      Khawer ,
      you cannot change size using this URL instead i suggest change the URL to one you like , otherwise make changes in the CSS to get the desired results

      Reply
  43. sabreen says

    April 22, 2011 at 12:25 am

    thanks your site is great .but I implement these steps many times but no results
    I got the similar steps from different site but no results

    Reply
  44. khawer says

    April 22, 2011 at 11:32 am

    Yes i have changed max result to 10 and its working.To change thumbnail size do i will have to replace full url to any other image location link

    Reply
    • Ritesh Sanap says

      April 22, 2011 at 11:34 am

      Its not that necessary to change the URL , but you can also use CSS instead to expand the size of that image

      Reply
  45. Tahmy Khan says

    June 27, 2011 at 10:21 pm

    I tried that script but nothing got except only an error. Check this.

    Reply
    • Ritesh Sanap says

      June 27, 2011 at 10:26 pm

      Tahmy Khan,
      I m unable to find you using categories, the widget only works when you have valid categories and post in that categories

      Reply
  46. Babbling Little Booties says

    July 7, 2011 at 8:57 am

    I have already fixed it.. Thanks! take a look at my blog

    Reply
    • Ritesh Sanap says

      July 22, 2011 at 12:54 pm

      Great and it is working great as i can see it :)

      Reply
  47. J says

    July 9, 2011 at 7:46 am

    Does this code work for a private blog? Because I’ve checked and re-checked the code and I don’t see anything. I did this step too: “ from both step 5 and step 7.” and I also increased maximum results to 10 to see if that would help but it didn’t. When I look at the individual post “grab this widget” shows up though. Thanks!

    Reply
    • Ritesh Sanap says

      July 22, 2011 at 12:53 pm

      J please tell me the URL of your blog so that i can checkout what is the problem

      Reply
  48. GuJJu Freak says

    July 21, 2011 at 8:56 pm

    Thanks a lot man, used this script and works charm.

    Reply
  49. vee says

    July 23, 2011 at 10:16 pm

    hey, it work but only on posting page..
    buat I can’t see in every page or in home..

    any solution?

    Reply
    • Ritesh Sanap says

      July 23, 2011 at 11:36 pm

      please check the post properly i have mentioned their how to show it on all pages :)

      Reply
      • vee says

        July 24, 2011 at 4:56 am

        eh, it work..
        sorry because I only remove the 2 lines in code above , and I forget to remove 2 lines in the other code..
        my big thanks for this great tutorial ~ :)

        Reply
  50. WiZaRDe says

    November 19, 2011 at 8:19 pm

    hello there. congratulations for you site, it is very good..
    i would like to ask you how can i change the colors of the letters cause cant see them. you can check t an my site tomagiko.blogspot.com
    thank you

    Reply
    • Ritesh Sanap says

      December 1, 2011 at 4:13 pm

      WiZaRDe, to change the color just make the changes in CSS code.

      Reply
      • WiZaRDe says

        December 2, 2011 at 3:26 am

        And where is this CSS code? I want to make them white than black. Thank you again

        Reply
  51. Ruby on rails developer says

    January 31, 2012 at 4:41 pm

    I have added this widget in my blog but it shows in a bullets format. Thanks for sharing this widget to all.

    Reply
  52. Review All says

    February 1, 2012 at 8:19 am

    Thanks this was very helpful to building my site.. It will be very gratefull if you have time to visit my site and give suggestion on how could improve my site…

    Reply
  53. Heart Hackzzzzz says

    February 18, 2012 at 11:46 am

    It is working ………. thanks for sharing i have added this to my blog

    Reply
  54. nirmal says

    March 18, 2012 at 10:48 am

    i have tried this
    but no use
    can u help please ??

    Reply
    • Ritesh Sanap says

      April 2, 2012 at 10:58 am

      can you please specify the problem

      Reply
  55. Magento developers says

    March 27, 2012 at 11:59 am

    I was search a lot, finally i reached here. This code is working now in my blog. Thanks for sharing some of these blogging tips. Looking for more blogging tips.

    Reply
  56. AppoInternet says

    March 28, 2012 at 8:59 pm

    Thank you i am going to apply this in my blog …… Thank you for sharing …

    Reply
  57. xiao bai says

    March 29, 2012 at 7:34 pm

    Hi I followed the steps, but cant seem to get it working. sincerely need a lot of help. Thanks

    Reply
    • Ritesh Sanap says

      April 2, 2012 at 10:44 am

      Well, i can only help if you mention what exactly is the problem

      Reply
  58. Debi Morris says

    March 31, 2012 at 9:50 pm

    Hi – I finally updated to the new Blogger templates. I was hesitant because I knew I would lose a lot of my custom additions. One of them I did lose was this widget, which was working fine with the old version. Now I am having trouble following your instructions – when I click on “expand widgets” I can find the easily and insert the first code before it, but there is more than one “” line in my template, so I am not sure which one the second part goes under. TIA, dejamo.

    Reply
  59. darth-abbey says

    April 7, 2012 at 3:15 am

    I put this code in, but when I had a look at my blog nothing had changed.. there wasn’t a ‘related posts’ widget anywhere. Darn. I didn’t have any trouble finding where to put the codes in, your instructions were good.. but yeah, no widget– any advice on what might have gone wrong?

    Reply
    • Ritesh Sanap says

      April 14, 2012 at 5:43 pm

      The Code only works on the Post Page, take a look whether it is working their or not

      Reply
      • darth-abbey says

        April 15, 2012 at 12:23 am

        yeah that’s where I was looking for it.. no code

        Reply
        • Ritesh Sanap says

          April 15, 2012 at 9:53 am

          Well i found out the reason is simple, the widget runs on labels, but you have not used labels in any of your posts, because of that the widget is not working

          Reply
          • darth-abbey says

            April 15, 2012 at 10:20 am

            Ah. Simple enough, thanks :)

  60. Kiran says

    April 30, 2012 at 11:58 am

    Thanx a lot dude

    Reply
  61. xedric says

    May 1, 2012 at 4:33 pm

    Hello,

    I followed exact instructions you stated above, but still no changes…
    Can you help me?

    Here’s my blog
    http://amazinglyjustbeautiful.blogspot.com/

    Reply
    • Ritesh Sanap says

      May 9, 2012 at 1:35 pm

      Xedric,
      you are not using Labels, and this widget is based on Labels

      Reply
      • xedric says

        May 9, 2012 at 1:38 pm

        Please do provide me a detailed instruction on how to solve this issue… Any help is greatly appreciated..

        thank you.

        Reply
  62. ame says

    May 3, 2012 at 10:01 pm

    Nice , i try

    Reply
  63. Solid Planet says

    May 7, 2012 at 5:49 am

    I really likes this widget. The problem is that the many of the same posts are showing up again and again on different posts because its only displaying the top 5 results returned. I need to randomize it a little so that the related posts are more varied, but still related by tag.

    Reply
  64. sekhar says

    May 7, 2012 at 5:21 pm

    Hey this is not working on my blog… could you please help? I have pasted the code in html still I don’t see the related posts section.

    http://allinfoatoneplace.blogspot.in/

    Thanks,
    Sekhar

    Reply
    • Ritesh Sanap says

      May 9, 2012 at 1:27 pm

      Sekhar,
      I checked the source code of your site and have found that you have not implemented the code

      Reply
  65. Sekhar says

    May 9, 2012 at 7:31 pm

    Hello Ritesh,
    Sorry your code was accidentally removed, I have placed it againcould you please check now and help me out why it isn’t working.
    http://allinfoatoneplace.blogspot.in/2012/04/how-to-create-facebook-widgets-for-blog.html

    Thanks,
    Sekhar

    Reply
    • Ritesh Sanap says

      May 9, 2012 at 8:04 pm

      Hello Sekhar,
      I have seen the source code, and found out that you have not used the second part of the code, check the code at the 7th point, and use it at the proper place.

      Reply
      • Sekhar says

        May 10, 2012 at 4:08 pm

        Hey Ritesh,
        It works like magic, thanks a ton !!!!
        http://allinfoatoneplace.blogspot.in/2012/05/apple-releases-ios-511-update-for-ipad.html

        Reply
        • Ritesh Sanap says

          May 10, 2012 at 6:23 pm

          You are most welcome.

          Reply
  66. Yona says

    May 14, 2012 at 11:38 am

    Hello, it’s doesn’t work to my blog.. Would you help me pls..
    Thanks.. :)

    Reply
    • Yona says

      May 14, 2012 at 11:53 am

      I’m sorry my friend.. It finally works.. Thanks for your share.. 8-|

      Reply
    • Ritesh Sanap says

      September 17, 2012 at 9:00 am

      Hello, We have stopped Support for Blogger, because in recent years blogger has changed a lot.

      Reply
  67. Yona says

    May 16, 2012 at 10:29 am

    Dear,
    How to make the thumbnail image bigger than 72px?? Can you help me?

    Thanks.

    Reply
  68. Jayr says

    June 5, 2012 at 1:12 pm

    thnanks for sharing this! it helps a lot,

    Reply
  69. Matthew Gibson says

    June 24, 2012 at 4:23 am

    LinkWithin is another good site for this, much simpler tool to use.

    Reply
  70. spath says

    July 11, 2012 at 1:17 am

    hello and thx for the code, working perfectly and with the tutorial its so easy to put on his blog.

    I have 1 question, how to change the choice to collect labels, for example in my post I have a 3 tags but because the blogger puts labels in alphabetical order , so the code always chooses the first label, its possible choose some specific tags first and after all else;

    Thanks for your time!

    Reply
    • Ritesh Sanap says

      September 17, 2012 at 9:31 am

      Well, i have never thought about this, because we have less control over blogger.

      Reply
  71. Julian Osorio says

    August 3, 2012 at 7:10 pm

    hi, i’m using a custom template and don’t see this code . I see this . I paste the second code above this and don’t work… can you help me?

    Reply
  72. CineTraffic says

    August 22, 2012 at 1:08 pm

    Bro, i successfully done everything, thq so much. but how to change text colour and splitter colour .please tell me

    Reply
  73. Roberta says

    August 27, 2012 at 12:33 am

    hello!! I’ve done everything, and it’s perfect but I just want to know I can make this more big!!!
    thank u

    Reply
  74. Anna says

    October 3, 2012 at 2:00 am

    Hi, thank you for your the code. But I think I did something wrong, nothing changes but now I dont know how to fix it:(
    Could you please help me?

    Reply
    • Ritesh Sanap says

      November 21, 2012 at 11:06 am

      I m extremely Sorry, but the support to Blogger has been cut off, i m extremely sorry :(

      Reply
  75. Asad says

    November 14, 2012 at 7:24 pm

    this code is really working in my blog.
    good job and great thanks for sharing it

    Reply
  76. Peppi says

    December 18, 2012 at 7:05 pm

    Hi, just found this and it’s awesome, I’m just curious ho do you change the width?
    Thanks for the answer!

    Reply
    • Ritesh Sanap says

      December 18, 2012 at 7:51 pm

      Well you can edit the width by using CSS

      Reply
  77. aravind says

    January 9, 2013 at 10:57 am

    thanks for sharing. I have tried to add this to my blog slurpyplatter.blogspot.com following the steps above and also through Linkwithin, however neither method is working to display the widget. Can you please help?

    Reply
    • Ritesh Sanap says

      January 9, 2013 at 2:16 pm

      The Reason is clearly simple, the Related posts in blogger are displayed based on Labels and not on title, you are using labels, the problem is that you are creating new labels for every new posts, the widget will properly work when, you give the same label to 2 to 3 posts, then you can see the widget working

      Reply
  78. Aseel says

    January 11, 2013 at 1:13 am

    Not working on my blog plz help me
    http://www.rockingaseel.blogspot.com

    Reply
    • Ritesh Sanap says

      January 11, 2013 at 10:34 am

      Aseel, I have checked the source code of your site but it appears that you have not completely implemented the code, just try this whole Procedure again

      Reply
  79. Yash Goyal says

    November 15, 2013 at 8:54 pm

    This is not working on my blog http://jokesarelife.blogspot.in please check….

    Reply
    • Ritesh Sanap says

      November 19, 2013 at 11:23 am

      it seems you have not added the code mentioned on Step 7, please insert it and try again.

      Reply
  80. Obet Tea says

    January 18, 2014 at 10:12 pm

    Finally it works on my blog http://super-gratisan.blogspot.com
    Thanks Ritesh Sanap. Keep sharing.

    Reply
    • Ritesh Sanap says

      January 19, 2014 at 10:37 am

      it looks beautiful on your blog, I guess you did some styling to it.

      Reply
      • Obet Tea says

        January 20, 2014 at 12:18 pm

        yes, I did on css code

        Reply
  81. Ritesh Sanap says

    November 4, 2015 at 3:00 pm

    you can change the font size by changing the CSS of this code :

    #related-posts a{
    color:black;
    }

    by adding the font-size attribute so it will be like this

    #related-posts a{
    color:black;
    font-size: 18px;
    }

    Too edit thumbnail size you will need to download the copy of the Javascript and edit it on line 85 to change the thumbnail size to the desired size

    Reply
  82. Ritesh Sanap says

    November 4, 2015 at 3:08 pm

    You can contact me through the Contact Us page
    http://www.best2know.info/contact-us/

    Reply
  83. Ritesh Sanap says

    November 4, 2015 at 4:15 pm

    Modify the CSS to change the styling of the Title and Background

    Reply
    • Sydney says

      November 5, 2015 at 1:10 pm

      do you have the css for that? thank you xx

      Reply
      • Ritesh Sanap says

        November 5, 2015 at 1:13 pm

        CSS is there in step 5 check this code :

        #related-posts {
        float:center;
        text-transform:none;
        height:100%;
        min-height:100%;
        padding-top:5px;
        padding-left:5px;
        }

        #related-posts h2{
        font-size: 1.6em;
        font-weight: bold;
        color: black;
        font-family: Georgia, “Times New Roman”, Times, serif;
        margin-bottom: 0.75em;
        margin-top: 0em;
        padding-top: 0em;
        }
        #related-posts a{
        color:black;
        }
        #related-posts a:hover{
        color:black;
        }

        #related-posts a:hover {
        background-color:#d4eaf2;
        }

        This is the CSS used for styling Related posts widget for blogger.

        Reply

Leave a Reply Cancel reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Post navigation

Previous Previous post: Jquery – Create Float Menu with Scroll Follow Effect
Next Next post: Facebox – Facebook Styled Lightbox

Currently Trending

  • How to download Specific parts of YouTube videos
  • How to Change the Welcome/Login Screen in Windows XP ?
  • h4x0r ( Hacker ) - Blogger Template
  • Windows Vista CD key
  • Add/Remove page/Post View Counter Widget For Blogger
  • Free Online Angry Birds game
  • How to Make Your Own Avatar
  • How to Download Documentation for offline viewing - Dash
  • How To Change Windows XP Shutdown Dialog Box

Get Latest post in your Inbox

Random Posts

How to show hidden files and folders in Mac OS X

August 2, 2016 By Ritesh Sanap Leave a Comment

Explorer.exe Deleted Or Taskbar Deleted

April 9, 2009 By Ritesh Sanap Leave a Comment

How to Turn off/ Remove Admin bar in WordPress

February 27, 2011 By Ritesh Sanap Leave a Comment

Add TwitThis on your Blogger template and drive more traffic on your website

May 8, 2009 By Ritesh Sanap 1 Comment

Make Autorun For Ur CDs n DVDs

February 29, 2008 By Ritesh Sanap Leave a Comment

WordPress

HTTP2 Server Push for W3 Total Cache Minify plugin

August 17, 2016 By Ritesh Sanap 5 Comments

How to Disable Emojis in WordPress

January 6, 2016 By Ritesh Sanap Leave a Comment

JetPack Related posts and Sharing not working with NGINX

November 10, 2015 By Ritesh Sanap Leave a Comment

Simply Pure – WordPress Theme

November 2, 2014 By Ritesh Sanap 2 Comments

Advanced What should we Write about next? – WordPress Plugin

July 28, 2014 By Ritesh Sanap Leave a Comment

How to Disable Self Pingback or TrackBack

January 16, 2014 By Ritesh Sanap Leave a Comment

BlueStrap – WordPress Theme

January 1, 2014 By Ritesh Sanap 15 Comments

How to Create Multiple Excerpts in WordPress

December 24, 2013 By Ritesh Sanap Leave a Comment

How to Disable Auto Update in WordPress

November 21, 2013 By Ritesh Sanap Leave a Comment

How to Delete Feedbacks from JetPack Contact Form

November 19, 2013 By Ritesh Sanap 9 Comments

Recent Posts

  • HTTP2 Server Push for W3 Total Cache Minify plugin
  • How to show hidden files and folders in Mac OS X
  • How to Disable Emojis in WordPress
  • Canva – Online Photo Editor
  • JetPack Related posts and Sharing not working with NGINX

Archives

Recommends

  • DigitalOcean – Cloud Hosting
  • Dropbox – Cloud Storage
  • Elegant Themes – WordPress Themes
  • LastPass – Password Manager
  • Like us on Facebook
  • Follow on Twitter
  • +1 on Google
  • Subscribe via Email
  • RSS Feed

© 2023 Best 2 Know · All Rights Reserved · We ♥ DigitalOcean