June 21, 2011

Related Posts Widget For Blogger - Optimized Version


related posts widgetDisplay thumbnails of posts having same labels or categories at the bottom of each blog page engages the reader more and increases the pageviews. By far we have two best related posts gadgets created so far one is by linkwithin which I am sharing in this tut and another one displays just links and I will share it in my next post. This widget Loads fast and you don't need to install any scripts for this as the widget codes are stored on linkwithin servers. This tutorial is the most detailed one ever written on linkwithin so kindly follow the steps carefully. Please see a demo first,

Live Demo

Add Linkwithin to Blogger

The steps are very simple:

  1. Go To Linkwithin
  2. Fill up the easy blanks and do as they say. The screenshot below will help,

 

related posts

  3.   Keep the width to three stories i.e three thumbnails if your post width is less than 500px

  4.   Hit the Get Widget button and then click the Install Widget link on the next page as shown below,

related posts linkwithin

  5.   Change the Title to Related Posts: or anything you may like as shown below,

related posts widget

  6.  Now Click the Edit Template Link

related posts widget

  7.   Replace the code that you see with this one:

<b:includable id='main'><b:if cond='data:blog.pageType == &quot;item&quot;'><data:content/></b:if></b:includable>

The above code will hide the thumbnails from appearing on homepage.

  8.   Next click the Edit Content Link and add the following additional code just above the code inside the widget,

<script>linkwithin_text='Related Posts:'</script>

Replace Related Posts:  with any text you want.

   9.  Finally hit the ADD WIDGET button.

  9.  Once you are taken to the Page Elements page of your blogger account, simply drag the widget to the bottom of your post body as shown below,

related posts

   10.  Click the "Save" orange button at the top-right corner and you are done!

Let me know if you needed any further help on this. I hope the slight customization may prove helpful to you. Peace.





If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »

96 comments : Post Yours! Read Comment Policy ▼
PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with Links will be deleted immediately upon our review.

  1. I personally dont like this one coz you have to give a backlink to linkwithin at every page, instead use the related posts widget by blogger plugins, which id very similar to linkwithin's

    ReplyDelete
  2. @amit
    I would disagree brother. The widget by linkwithin comes with three benefits:

    1) The widget loads fast as the scripts are stored on linkwithin servers
    2) It does not disturbs the loading of other widgets because it loads asynchronously.

    3) Giving a link to linkwithin is there right and same link on every page close to a script does never effect your PR and neither does it help Linkwithin a lot. Unless the link is mentioned in your Posts.

    All these things are opposite in the custom widgets created elsewhere as you mentioned.

    ReplyDelete
  3. Hi,

    How long will it take for the widget to show up? I have tired to add Link within before but none of thumbnails shows up. So I had to switch to outbrain widget.

    ReplyDelete
  4. @G
    I takes seconds G. Make sure you add an intro image at the start of all your posts. There service has improved a lot.

    ReplyDelete
  5. Hello Mohammad,
    an excellent modification for not to display on home page.i was only suffering from that and now its solved thanks a lot bro.

    ReplyDelete
  6. @Jeet

    Anytime buddy. This modification was one of the reasons why I posted this else it was all copy and paste thing. :>

    ReplyDelete
  7. Great! It made my Home page load faster :)

    ReplyDelete
  8. Thanks Mohammad, very clear and helpful guide.

    ReplyDelete
  9. @Manuel Garcia PH

    Hey Manuel did you ever find out how to center it?I've tried to figure it out but had not luck?

    ReplyDelete
  10. Thanks Friend. I like this widget so much. Thanks for providing such great tips and tools. God Bless You.
    With Regsrds,
    Gurjit Singh

    ReplyDelete
  11. Hmm, it's showing twice or three times with all my posts.. it seems to respond to the < d i v class="post text"> and if I use that multiple times it appears as many times gadgets resource.. is there an easy way to change what LinkWithin responds to?

    Also, I noticed it adds the first picture of my page to stories without a picture, but I'd rather use another one latest gadgets.. is there a way to tell it which one to use in those cases?

    ReplyDelete
  12. I have Linkwithin installed. but my problem is i DONT want it to appear on my home page. I am ok for it appearing at the end of my post but not on the home page where a summary is already being shown. Please help. my blog is www.ladyoutdoor.blogspot.com

    ReplyDelete
  13. Great site....I want to select links to must-read individual posts in a separate window. Recent and popular posts do not give me the ability to select particular posts. Can you help? Thank you

    ReplyDelete
  14. Hi, I tried to use linkwithin but when I click on the related posts link, it redirects to a non-existent page. What should I do? :(

    ReplyDelete
  15. Thanks, the tweek helped me for my Blog. Now I can hide those on my Home Page.

    ReplyDelete
  16. This was professional. Thanks for the trick!

    ReplyDelete
  17. @Amit M B - I don't like it because you cannot get support to help you. I need to go from a 5 post to 4 post widget and have been waiting weeks for them to change it. I tried to reinstall, but it keeps going back to the 5 post widget ... there is not much flexibility with this one, though it looks good when it does fit the post area correctly.

    ReplyDelete
  18. This comment has been removed by the author.

    ReplyDelete
  19. Thanks brother, i use it on my <a href="http://smpn4semin.blogspot.com" rel="nofollow">school's blog</a>, it really cool :)

    ReplyDelete
  20. Would an automatic read more script interfere with this? Because I installed this but it's not showing any related posts, it just says "Related Posts:" and then nothing.

    ReplyDelete
  21. Hey Manuel did you ever find out how to center it?I've tried to figure it out but had not luck?

    ReplyDelete
  22. This method is 100% working. You can check the demo on my blog too

    http://www.friendgin.in/

    ReplyDelete
  23. it takes too much time to load dude why ? :\

    ReplyDelete
  24. The widget shows posts I deleted years ago. Do you know by any chance how to undo this? Are there any widgets similar to LinkWithin?
    ~Vanessa Morgan

    ReplyDelete
    Replies
    1. Muhammad has solved issue. You can Edit Linkwithin.
      Regards
      SEOptime

      Delete
  25. your posts are really life for me. i saved and bookmarked ur site. thanks

    ReplyDelete
  26. Thanks for the great turorial, now the thumbnail related post image on my blog homepage has been disappear :D
    My Artwork

    ReplyDelete
  27. Thanks bro Working fine on my Both Blogs

    http://lolsplanet.blogspot.com/

    http://nannu4u.blogspot.com/

    :)

    ReplyDelete
  28. Hey thanks its works fine on me but my problem is the image the shows half any solution?

    Here's my blog

    http://pspskull.blogspot.com

    ReplyDelete
  29. bro, why my related post not related to another post with same label/category? just related to one label. help me please. syukron..

    ReplyDelete
  30. Thank you so much for this post, i did it. Can I ask something from Brother Mohammad who wrote this tips? I am looking for "related post widget for blogger" but this time, a related post widget with a little sentence (summary snippet).

    Wordpress has a tutorial for that, but in blogger I am trying hard to find that kind of codes, please post it if you have already that blogger tutorials.

    That related post with summary snippet could also help blogger using blogger.com in terms of SEO. Thanks for your time. I am looking forward to see your blog updates.

    Please comment on any pages in my blog at Gilbert Canda so that I will be reminded, I am really looking for that tutorial. I highly appreciate your effort in sharing blogger customization.

    ReplyDelete
  31. Please help me, I switched domains, but the widget still links to the old domain. Any idea?

    ReplyDelete
  32. good info
    http://soft375.blogspot.com/

    ReplyDelete
  33. Just used this tonight - fabulous. Thanks for the great instructions!

    ReplyDelete
  34. iam added linkwithin but my site go slow.what to do now?thanks

    ReplyDelete
  35. You Might Also Like: has been added to your page

    BUT I CANNOT SEE IT, ITS JUST GO ABOVE MY COMMENT BOX. NEED HELP MOHAMMAD! THANKS!

    ReplyDelete
  36. i don't find that step 6. Now Click the Edit Template Link

    ReplyDelete
  37. Thanks Mohammad.

    I have a problem with my widget. I appears above the post not below. How to i correct that?

    ReplyDelete
  38. Thanks, really great post, just done it
    http://ps3honey.blogspot.com/

    ReplyDelete
  39. Hi, can you suggest anything for my drop down menu, at the top coz its always open when we open the blog or any page or refresh it, means whenever my blog page open its always open and need to be manually close it by hovering over it once

    So can you suggest a solution
    Will be very thankful

    Thanks

    PS3HONEY.BLOGSPOT.COM

    ReplyDelete
  40. This comment has been removed by the author.

    ReplyDelete
  41. Hey Mohammad, I first have to really thank you for the good work that you are doing on this blog. You have really helped me a lot in setting up my website through blogger (fortunately, I stumbled upon your blog just before I was going to buy a hosting plan lol and your post about staying with blogger really changed everything :) )
    My concern now is that I have implemented linkwithin but it went above my sharethis bar. How can I correct this? thank you very much. My website is pliztellme.com

    ReplyDelete
  42. HEY I TRIED IT BUT AT THE AND WEDGET DSNT APPEAR,, WHAT CAN BE THE ISSUE.. PLEASE HELP

    ReplyDelete
  43. Thanks for posting this, I was about to change my blog template because of the reason that related posts are appearing on the homepage. Thanks a lot...

    ReplyDelete
  44. hey Mohammed, how can i make the title "Related Posts" from right to lift as my blog is in arabic

    www.vitameen.net <<this is mine..thanx bro :)

    ReplyDelete
  45. I'm very thankful that MBT exist.

    Thanks for this

    ReplyDelete
  46. Very nice, I was surprise at how this related posts widget increased my traffic and reduce bounce rate on my blog.

    ReplyDelete
  47. Thank u Bro :)
    worked perfectly for me!
    My blog : http://the-prodigal-paradox.blogspot.com/

    ReplyDelete
  48. Worked perfectly for me

    www.educatedpakistan.net

    ReplyDelete
  49. Works perfectly good for me

    http://appsoracle.blogspot.com

    ReplyDelete
  50. Awesome! Thanks for this guide.

    http://android-xtreme-apk.blogspot.com/

    ReplyDelete
  51. Amazing Tutorial But (SADLY) It Didn't Worked Out For Me :( The Normal Linkwith in has worked for me the first time when i did it With Normal Settings But It's Appeared Just On The HomePage And WIth No Photos :(

    ReplyDelete
  52. Hello Muhammad its working fine, but my post bg color is white so , the text color of the related posts(linkwithin) isn't visible in that bg color

    and i know there is two option while adding a link wihtin widget, for dark and light bg, but for bothcases the same problem?
    help mate.

    ReplyDelete
  53. Do you have instructions to add this widget to wordpress theme?

    ReplyDelete
  54. http://imagescart.blogspot.in/

    ReplyDelete
  55. Thanks a Lot Man.
    Working Great....www.bollycelebden.com

    ReplyDelete
  56. Hey i added this widget on my blog but I see this below in every post in my home page. Means if i have five post on my home page there is five times related post. What is the solution?

    ReplyDelete
  57. good widget idea... thanks for share this article.
    your guide vacation to bali island ---> bali6corner.blogspot.com

    ReplyDelete
  58. Well this kind of information is really worth searching for this. It’s good to have these kinds of articles around to keep the information flow steady. Helping those who really can make things right in the future, good work!
    Download free games

    ReplyDelete
  59. It works really well www.comedykenya.blogspot.com

    ReplyDelete
  60. hai mohammad
    My releated post is not working .
    I am using your template

    ReplyDelete
  61. thank you for sharing the information, really very lucky to get tips and tricks like this

    Syafar Mapalang

    ReplyDelete
  62. related post widget plays an important role in engaging the user and also to increase traffic.even those posts that did not get good amount of traffic gets clicked because of the same labels and hence hardwork of admins and writer gets rewarded.so i will say it is like a traffic booster.Related post widget for blogger

    ReplyDelete
  63. this is awesome..related post widget helps too much for getting more and more traffic for numb posts.it is like making burning stones out from the mouth of volcano.there are lots of posts which user does not pay attention so here related post widget will help like engaging user for some amount of posts .thanks for sharing.shayari

    ReplyDelete
  64. Related Post Widget for Blogger if makes traffic hike then why we need to add links in b/w the post

    ReplyDelete
  65. Hi,
    The lrelated post button doesnt work for me at all. Even the linkwith dint work. Please help! www.korporate2kitchen.com

    Regards
    Sheela

    ReplyDelete
  66. didnt worked. shows only one link without thumbnails

    ReplyDelete
  67. How can i change the font patterns?

    ReplyDelete
  68. Hi mohammad please help i am facing problem in adding this widget to my blog( www.pavanh.com ) ,i followed your each and every steps as you made and i add it successfully , but the problem is it's showing above the each post body instead of bottom, in other words it's showing below the each blog post title

    plz plz plz help me in fixing this issue

    thank you

    ReplyDelete
    Replies
    1. mohammad i will be visiting this page and desperately waiting for your response brother

      Delete
    2. Try redoing doing the layout step I guess? you need to drag it down? below the post.


      Delete
  69. You are doing nice work dear. KEEP IT UP

    ReplyDelete
  70. That's great. I think, Related Posts should be without ThumbNail. It's good in SEO and beauty as well.

    ReplyDelete
  71. Thank you for this post. i tried this but I didnt find edit HTML in the Linkwithin page i was refered to after putting my details. Pls sir any thing to help.
    Healtharound

    ReplyDelete
  72. Thanks for the post but not looking good ... other out there with attractive look ?
    >> http://www.OnlineAllSolutions.blogspot.com <<

    ReplyDelete
  73. Hi the widget works fine but i would be great if i could change the appearance of the widget like Thumbnail size and spacing between the images.Can you please help me with that.

    ReplyDelete
  74. I have read the entire article and I found it quit useful to read. Thanks for this great article.

    Make Money With Probux

    ReplyDelete