Build Online Store! | Penguin Panda Series - New! | 4 Rules To Make Money | SEO Settings | Facebook Popup 1, 2, 3 | Mashable 1 , 2


Tuesday, June 21, 2011

Related Posts Widget For Blogger - Optimized Version


Pin It

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 enjoyed this post and wish to be informed whenever a new post is published, then make sure you Subscribe to our regular Email Updates!

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 »


Thanks for making this possible! Kindly Bookmark and Share it.
Technorati Digg This Stumble Facebook Twitter

38 comments:

Comment Page :
Amit M B on 7:08 PM, June 21, 2011 said... #

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

Mohammad Mustafa Ahmedzai on 7:30 PM, June 21, 2011 said... #

@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.

G on 9:58 PM, June 21, 2011 said... #

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.

Mohammad Mustafa Ahmedzai on 1:00 AM, June 22, 2011 said... #

@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.

Jeet Dholakia on 11:11 AM, June 22, 2011 said... #

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.

Mohammad Mustafa Ahmedzai on 12:31 AM, June 23, 2011 said... #

@Jeet

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

john b. bejo on 5:46 AM, June 25, 2011 said... #

Great! It made my Home page load faster :)

Manuel Garcia PH on 9:09 AM, July 09, 2011 said... #

Any trick to center it ?

HH on 11:32 AM, July 10, 2011 said... #

Thanks Mohammad, very clear and helpful guide.

Jefferson J. Jackson on 9:49 PM, July 21, 2011 said... #

@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?

Gurjit Singh Khehra on 5:56 PM, July 22, 2011 said... #

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

Maqbool Ahmad on 10:20 AM, July 30, 2011 said... #

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?

ladyoutdoor on 1:50 AM, August 03, 2011 said... #

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

bob1 on 5:06 PM, September 05, 2011 said... #

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

Gireesh on 2:41 PM, October 25, 2011 said... #

Man Awesome:) Thanks

CHOCOHOLICCYNIC on 1:52 PM, November 04, 2011 said... #

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? :(

prawin kumar on 9:34 PM, November 05, 2011 said... #

nrelate is better.

Bharath Karumudi on 10:09 AM, November 13, 2011 said... #

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

Abdul Kareem on 7:08 PM, November 20, 2011 said... #

This was professional. Thanks for the trick!

Umesh Tarsariya on 8:56 PM, November 23, 2011 said... #

wow...!!!!!
awesome dude...
(^-^).

LC Hunt on 6:59 PM, December 13, 2011 said... #

@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.

guss! on 5:01 PM, January 01, 2012 said... #
This comment has been removed by the author.
guss! on 6:02 PM, January 01, 2012 said... #

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

+G for GENIUS+ V Gautham Navada on 1:40 PM, February 06, 2012 said... #

..waaaW!!! really hatzz off!!!

Van Custo on 3:08 AM, February 17, 2012 said... #

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.

Tasleem Ali on 10:29 PM, February 18, 2012 said... #

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

Vivek Singh on 12:33 AM, March 07, 2012 said... #

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

http://www.friendgin.in/

Milka Bago on 8:04 AM, March 08, 2012 said... #

thank you! it finally worked!

geekdave.in on 2:54 PM, March 11, 2012 said... #

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

Vanessa Morgan on 4:47 PM, March 17, 2012 said... #

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

Getahun Amare on 11:03 PM, March 17, 2012 said... #

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

Nihit Dalmia on 12:33 AM, April 16, 2012 said... #

Hey thanks for your great post. Click here to check out my similar post & how does it actually look

Rizal on 7:22 PM, April 18, 2012 said... #

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

Abhishek sony on 12:29 PM, April 23, 2012 said... #

Thanks bro Working fine on my Both Blogs

http://lolsplanet.blogspot.com/

http://nannu4u.blogspot.com/

:)

ADMIN on 5:27 PM, April 30, 2012 said... #

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

Luna on 11:10 PM, May 01, 2012 said... #

Hooray! You rock!
Luna

Admin on 12:23 PM, May 07, 2012 said... #

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

Gilbert Canda on 5:29 PM, May 15, 2012 said... #

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.

Confused? Feel free to ask

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.

Note:
1. To add HTML CODE in comments then please use our HTML Encoder
2. You can always Test the tutorial on our HTML Editor
3. Please do not spam Spam comments will be deleted immediately upon our review.

Regards,
Mohammad

 

Recent Posts

Join Me On Facebook

8600+ Followers

Join The Team!

Licensed Under CC

Recent Comments

Follow Me On Twitter

2601+ Followers

My Blogger Tricks (MBT) © 2012. All Rights Reserved | Contact |