Blogger Help - How to add related posts below every post

To add Related posts/Similar posts widget below every post on your blog, follow these simple steps:

First of all download this file:
relatedPosts_ForBlogger2.js

Zipped File

Although you do not have to use this file as I have already linked the file in STEP #5. So, store this file as a back up on your PC.

1. Go to Blogger.com
2. Now go to "Design", then to "Edit HTML" section
3. Back up your present template, by "Downloading it"
4. Now click on "Expand widget templates"
5. Find this code:
</head>

And just BEFORE/ABOVE this code, paste this
<!--RelatedPostsStarts-->
<style>
#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #054474;
font-size : 11px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url(&quot;http://www.gigaimage.com/images/brrl1rtaziisu0yj6kj6.gif&quot;) no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}

</style>
<script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/relatedposts_forblogger.js' type='text/javascript'/><!--RelatedPostsStops-->

6. Now search for this code line:
<data:post.body/>

And after that line, paste this code:
<!--RELATED-POSTS-STARTS--><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<font face='Arial' size='3'><b>Related Posts: </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script></div></b:if><!--RELATED-POSTS-STOPS-->

To change the number of similar/related posts to be displayed, change the code max-results=xx
Finally save your template, and you will see related posts after all your posts(Remember to add labels after your posts, during publishing them)

Credits : Blogger accessories

ProBlogger - Inspiring Others Realize Their Dreams!

Share this

Related Products

Related Posts

Previous
Next Post »

204 comments

Write comments «Oldest   ‹Older   1 – 200 of 204   Newer›   Newest»
January 13, 2009 3:18 AM delete

hey its not working. getting some error

Reply
avatar
January 13, 2009 9:02 AM delete

Hello Sujith

thanks for the comment,
because of you an important correction has been made in the code, try it out now, it's working !

Reply
avatar
January 13, 2009 9:07 AM delete

ya...now its working....thank u very much...
your site is very informative and helpful.

thank u very much

sujith bhakthan

Reply
avatar
January 20, 2009 8:09 PM delete

Hi Divya, I found your blog and you got yourself a new subscriber, loads of interesting stuff!

Well, my problem is I implemented this script on my blog, and while its working fine its impossible for me to determine an exact number of realted posts to appear on the entries. With the default code I got about 12! Then experimented and for 1&quote; id get no related posts in my last entry, 2 in my 2nd and 3 on my 3rd and so on! I finally settled on subsituting 5 for 2, what shows 6 or 7 an entry but id rather have a fixed amount of 3 related entries on every post. Can you help me work the code? Thank you!

btw, this is my blog, its in spanish but you get the idea todosobrecamisetas.blogspot.com

contact me at todosobrecamisetas@gmail.com

Reply
avatar
January 21, 2009 8:10 AM delete

Hi Eleté

I have highlighted the code in RED color (in second code), which controls the number of posts to be displayed.

BUT, you have to write 1 number LESS than what you want in the code.

For ex. In my blog, I have used 7 in the code, and 8 posts are displayed as related posts.

So to display 3 posts, you have to replace the default 5 with 2, in the red code (max-results=5)

Hope this helps you !

And Thanks for subscribing, you are always welcome on this blog...

Regards
Sai

Reply
avatar
January 28, 2009 8:01 PM delete

I REALLY want to get this to work in my blog, but it is not...I think it might have to do with my customized template. I don't get any errors...but nothing shows up on my blog. Can you help??? I would really appreciate any assistance you can offer.

Reply
avatar
January 29, 2009 4:40 AM delete

Hello Jill

Download and send me your template, at bloggerstop.net[at]gmail[dot]com

I'll reply you where to add the code!

Regards
Sai

Reply
avatar
February 01, 2009 1:54 AM delete

thanks bro it's really great.
http://www.dlcomplete.com

Reply
avatar
February 06, 2009 3:06 AM delete

Hi , I googled for this trick and found your blog. Quite a high ranking! I liked it very much, loads of good stuff.
you seem to have hit a regular reader.

Anyhow I tried your code, it's not giving any error but neither it's showing up anything.
After reading the above comments I realized what I have to do. So I'm mailing you my template.

Hope to hear from you soon.

Reply
avatar
February 06, 2009 9:01 AM delete

You can of course send me your template at the above mentioned email id !

Reply
avatar
February 08, 2009 3:47 AM delete

your site is very informative and helpful.

thank u very much

Mansi

Reply
avatar
KMc
February 09, 2009 8:19 PM delete

Searchles just came out with a contextual Related Posts widget for blogger that actually analyzes your text to match related posts - doesn't rely on categories or tags. Has SEO benefits too and is pretty easy to install. You just add a gadget to your layout and embed the code and it's up and running. It's pretty cool - you guys should check it out: http://searchles.com/misc/platform

Reply
avatar
February 15, 2009 9:41 AM delete

Hi Divya,

This is a great resource. I have subscribed to this blog.
Good work.

Reply
avatar
February 15, 2009 10:10 AM delete

thanks Amol....I admire regular & loyal readers, you are always welcome here !

Reply
avatar
February 16, 2009 10:28 AM delete

I've tried it on my blog but it gives me an error.
can i send u my template too ?

thank you

Reply
avatar
February 17, 2009 11:02 PM delete

good post,,i was looking for this for my web site

thanks

Reply
avatar
Anonymous
February 18, 2009 10:52 AM delete

Hi. Thank you for sharing this useful widget. I've tried to install it in my blog. But I find that it will only show the most recent 5 related post. Is it possible to make it to show random related post instead of the most recent one? Thanks

Reply
avatar
February 18, 2009 3:24 PM delete

This code directly uses the feed link of your blog, so it shows the recent posts !

Reply
avatar
Anonymous
February 21, 2009 9:45 AM delete

Thank you, it really works! :)

Reply
avatar
February 23, 2009 12:39 AM delete

Wow, your site is truely great. Ignore the email I recently sent you--I managed to solve the problem I was having with this article.

Thank you

Reply
avatar
February 24, 2009 3:24 AM delete

its not working for my blog too?what could be the issue

Reply
avatar
February 24, 2009 10:34 AM delete

Hi I checked your blog, and found it working well, I hope you have solved the problem yourself, in case you have any doubts, feel free to ask here !

Regards
Sai

Reply
avatar
February 25, 2009 4:49 AM delete

Hello! I am trying to add a "related posts" widget to my blog for days!

Your tutorial was the only that actually works for me!

Thank you!

And a question:

Is there a way to exclude the current post/article from the displayed "Related Articles"?

Thanks in advance!

Reply
avatar
February 25, 2009 9:07 AM delete

Hi Loufadoros,
I am glad, that the tutorial was helpful to you, but I'm sorry there's no easy way to hide the same page being displayed...

Reply
avatar
February 25, 2009 2:09 PM delete

Hi Divya,
Sounds Cliche,but the same s happening with me too.No errors but no results too!!
infact,i had encountered the same tweak somewhere else too and couldn get it working!!

Reply
avatar
February 25, 2009 2:48 PM delete

Hi Divya.I have added the code and messed up the whole thing..Would u please agree to have a look if i send you the template..
Please give me ur email if possible so that i can mail u the template

Reply
avatar
February 25, 2009 3:07 PM delete

Ok...you can send me at this id:
bloggerstop.net [at] gmail [dot] com

Reply
avatar
March 01, 2009 9:15 AM delete

my related posts are not showing either man! I am emailing you the XML, kindly help me sort my problem.

Reply
avatar
March 01, 2009 11:57 AM delete

Hi inAm,

I found the hack working perfectly fine in your blog, here's the screenshot:

http://www.gigaimage.com/images/0dsae29x14a5h98gan2m.png

Reply
avatar
March 03, 2009 4:24 PM delete

I took the liberty of sending my XML template across to you. For some reason the code is not working although I have no errors. Please fix if you can.

Great blog!

Reply
avatar
March 04, 2009 1:00 AM delete

Works Like Hell Man .. Finally Optimised my Blog To A great Extent using all the tips available on the web.. Watch it in action http://i-vasu.blogspot.com

Reply
avatar
March 04, 2009 1:24 PM delete

For those of you who aren't aware of this, once you implement the code it won't show up on your main page it will only show related links once you click on a post. I wasn't aware of this and send the template to Sai.

Sai helped me to change the link color from blue to white to fit my blogger template - thanks. To do this
change the #054474 in the first code to #FFFFFF. Works like magic - THANKS!

Reply
avatar
March 04, 2009 1:52 PM delete

Thanks for revisiting and commenting "Owlman", I am glad to have visitors like you...you are always welcome here...

Regards
Sai

Reply
avatar
March 05, 2009 10:47 PM delete

wow Great! its working on Mine.
Regards,
MOHD_

Reply
avatar
March 06, 2009 6:11 PM delete

Hey Divya,
I hope u received my template..I had tried implementing the related post plugin and messed it up..Did u get time to have a look.
The name is OnlineTreasure

Reply
avatar
March 10, 2009 10:13 AM delete

thx ! very big help God Bless ^_____^

Reply
avatar
March 15, 2009 4:20 PM delete

When I add the code, there aren't any posts under the "recommended posts" banner. Yes, everything is labeled. Any suggestions.

Reply
avatar
March 15, 2009 4:41 PM delete

Hi DaveL

I couldn't find my code in your blog, you are using some other code...

Reply
avatar
March 15, 2009 6:17 PM delete

templates got crossed; when I first added the code, the related posts show, then after some post editing they all disappear.

Reply
avatar
March 15, 2009 9:46 PM delete

Okay,
So now it's showing up again.....happy blogging !

Reply
avatar
March 16, 2009 8:09 AM delete

yea.. works now. Great work on the code. Thanks for looking into it.

Reply
avatar
March 16, 2009 10:21 AM delete

@ DaveL,
Presently in the code you are using this link(javascript file):
http://dsai.588.googlepages.com/relatedPosts_ForBlogger2.js

Plz download the zipped file from this post, and upload the file to your own account and the use the direct link in the code. Due to bandwidth problems, the widget may stop working many times a day !

Reply
avatar
March 16, 2009 10:56 AM delete

o ok. thanks again for the followup

Reply
avatar
March 18, 2009 1:58 AM delete

Hello,
Nice blog. I tried this widget on my blog http://shirdisaibababhajan.blogspot.com/ but m not able to see it. cn u please check wats the problem. Thanks in advance.
Sai Ki Deewani
Hetal Patil

Reply
avatar
March 18, 2009 4:53 AM delete

Hello Hetal,

Do not worry, the widget is only not visible to you, may be you do not have javascript installed for your browser.....but your visitors will be able to see it, as the coding is perfect and it is visible to me too, screenshot:
http://www.gigaimage.com/images/6eqdln53chds75bheqm3.png

Reply
avatar
ishu
March 18, 2009 5:38 AM delete

how to increase the size of the text link

Reply
avatar
March 18, 2009 6:03 AM delete

In the first code, you'll see 11px at two places, change both of them to 12/13/14px (whatever size you want)....that's it !

Reply
avatar
March 20, 2009 11:50 AM delete

Again thanks for your work; I can't seem to control the number of related posts. I set it at 6 yet more than that are populated, any help?

Reply
avatar
April 05, 2009 3:57 PM delete

Hi Divya,
Am back again with another question.
Is there a way to exclude the current post/article from the displayed "Related Articles"?

Reply
avatar
April 29, 2009 8:51 AM delete

thanxxx too share code related links,,, now i put thses steps On my blog..... ha ha ha ha

& i gate more triffic from google

OR more time spand my visitors in my blog...

Reply
avatar
April 29, 2009 11:26 AM delete

Ya visitors will definitely stay longer on blogs due to this trick...

Cheers !

Reply
avatar
May 15, 2009 3:45 PM delete

Hi, I did exactly what you've said but the related post doesn't appear, could you please help me?

Reply
avatar
May 16, 2009 8:31 AM delete

Thank you so much, it's working fine :)

Reply
avatar
May 29, 2009 5:26 PM delete

I always hated the 'labels' widget I have. It cluttered the page. This is the coolest thing that ever happened to my blog!!

Reply
avatar
July 10, 2009 7:35 AM delete

It's good :)
Thanks for your share.

Reply
avatar
July 10, 2009 1:02 PM delete

you are great,I badly needed this.Thanks a lot.Visit my blog at http://tashiwangdi.blogspot.com/ may you'll find something.Thumbs up!

Reply
avatar
July 29, 2009 6:22 AM delete

Thnx for the tutorial

I have added and kept maxresults=4 but still it displays more than that random with different posts.

chk this How to Add Tweetmeme for Every post

its displaying 14 results.. and on other posts 6 some 8..

can u plzz rectify this problem..

Reply
avatar
July 29, 2009 7:49 AM delete

i have fixed the problem and its not with max-results...

the results is controlled by other thing called i<20 make it 5 or 6 according to your needs..

its in script file and add the script directly to you file.. no need of external like this

<script type='text/javascript'>
Here the text file
>/script<

Reply
avatar
July 29, 2009 10:34 AM delete

Thanks Vikas for mentioning that...

@Fusion
The problem is there where you have used more than 1 labels, and with increasing labels the count of related posts also inc. (with max results=20, as mentioned by Vikas above), so change that value in the .JS file and then either you can upload it or copy and paste the code in that file as shown by Vikas in the previous comment.

Reply
avatar
July 29, 2009 3:33 PM delete

Hi Divya,

thnx for the quick reply...

The related post displays the post which we have opened... can u plzz tell me how to rectify that problem.?

Not to display the same post in related problem

Reply
avatar
July 30, 2009 12:16 AM delete

Hi Divya Sai,

Waiting for your answer for the above post

"The related post displays the post which we have opened... can u plzz tell me how to rectify that problem.?

Not to display the same post in related posts"

We need to check the posts before display with post:data.title how?

Reply
avatar
August 01, 2009 2:44 AM delete

Hi when add the widget it only shows up when once you have clicked on the individual blog and view it. Is there anyway of getting it to show up below the blog posts? Also it only show up when my blog is set to public not when its private. Is there anyway around this?

Thanks
Clayton

Reply
avatar
August 05, 2009 2:34 AM delete

why is it that I cannot upload the .js file to sigmirror and hotlink, and other site like fileden for getting the direct link? pls help. thanks

Reply
avatar
August 05, 2009 2:55 AM delete

ah nevermind, I've uploaded it to fileave.com and this widget worked! And that says so much coz this is the only widget for related posts that worked for me.

However, as asked also by Clayton in a previous comment, how is it possible to show the related posts in the front page,not when only clicking the post itself? thanks!

Reply
avatar
August 05, 2009 3:47 AM delete

@ homeandonlinejobs

In the sixth point, simply remove these two bolded lines from the code:

<!--RELATED-POSTS-STARTS--><b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
...
...
...
...
...
...
</script></div></b:if><!--RELATED-POSTS-STOPS-->

Reply
avatar
August 08, 2009 5:13 AM delete

thank you so much, I've just subscribed through Google Reader. I love your posts ^_^

Reply
avatar
August 08, 2009 11:45 PM delete

You-are-a-genious !!!

Man, this is just plain awesome !! But I see a little problem and is that the 'dotted' line is going to the 'Wideget zone' of my blog..

I think I can solve this with the Width/Height help, but if you know how to fix it surely, please answer me :D

Reply
avatar
August 09, 2009 1:17 AM delete

Hello Danoxs,

I am glad you were here...
Yes, you have to change the width of the widget from 540px to either 500px or 495px, change the 5th line in the first code:

<!--RelatedPostsStarts-->
<style>
#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;

I have just seen your blog, and I liked the way you have used the opacity buttons on your blog, if you want I can show them as example work in that tutorial :)

Regards
Sai

Reply
avatar
August 09, 2009 3:29 AM delete

Damn! You are a holy bless, dude !!

You are awesome ! How did you learnt all this ?

Reply
avatar
August 09, 2009 4:25 AM delete

Oh, and I forgot, thanks for the tip and for the.. the.. how do you say it.. 'good words' or something like that XD

Reply
avatar
August 09, 2009 11:04 AM delete

Hey Danoxs, I have just updated the tutorial with a link to your blog, as an example of creative work :)

Reply
avatar
August 29, 2009 11:46 AM delete

Hi Sai,

Let me tell you this,I've been on numerous website, and as for now, there is no other site like yours for people looking to dress up their blog. Thank you thank you.

Reply
avatar
August 29, 2009 12:50 PM delete

Thanks buddy.....really glad to know that this blog helped you...please keep visiting
Just visited your blog too, and I must say that you have maintained it with with good & regular content and proper alignments & color combinations. One suggest I would like to give you is to take a custom domain too as your blog already looks pro, it just needs a domain.

Reply
avatar
Anonymous
September 02, 2009 12:37 PM delete

thanks dude..........well am sorry dat i hav slightly changed ur script.......c urself
http://hack-krishna.blogspot.com
dnt feel bad 4 dat....i hav subscribd vth u.....

Reply
avatar
September 05, 2009 12:36 PM delete

Very nice but is there any other site to upload the downloaded file.
Blogging Tips

Reply
avatar
September 06, 2009 6:41 AM delete

Hello Salman,
HotLinkFiles.com is the best, other than this you can try sigmirror.com
Boxstr.com and fileden.com do not support hotlinking of .js (javascript) files

Reply
avatar
September 07, 2009 1:54 AM delete

hi:

Is there a code like this for CLASSIC template users like myself who don't have the time to migrate to NEW and b/c I'm worried switching to newer templates will mess up what i already have.

check if you want at
http://indierockcafe.com

Reply
avatar
September 07, 2009 7:51 AM delete

Hey Googe,
I haven't ever worked on Classic Templates....but I think this Pictorial Related Posts Widget will be helpful to you...

Reply
avatar
September 23, 2009 4:41 PM delete

Thanks a lot I have added this it works gr8
http://free-books-world.blogspot.com

Reply
avatar
October 15, 2009 9:36 PM delete

Stumbled across your blog via google one day and I've been an addict since.
Well, I'm using schemer mag template and this hack ain't working on it. :(( Divya I really need your help on this one.

I started this particular blog last month and I learnt blogger ain't particularly good for SEO at the moment, I need all the help I can get to get some good ranking and I've been dying trying to make this widget work ~x(. Previously tried a couple of widget but it aint working too. PLEASE HELP ME OUT. I'LL E-MAIL YOU MY TEMPLATE.

Free Full Version Anonymizers, Anti-censorship &Online Privacy Tools | PC Tips and Tricks

Reply
avatar
October 17, 2009 8:44 AM delete

@ doncaprio,

glad to know that you are addicted to this site :)

just visited your blog, but couldn't find the code. Anyways if you are sure that the there's wasn't any mistake in the code that you added then try the widget from linkwithin.com

feel free to comment here for any blogger help.

Reply
avatar
October 20, 2009 6:41 PM delete

Thanks so much for dropping by. I really appreciate that you even cared to listen. I've tried linkwithin too on that template but didn't work...But guess what? I changed the schemer mag template to woodmag and everything worked perfectly. I've got linkwithin working on this great looking template. Thanks a million!

Free Full Version Anonymizers, Anti-censorship & Online Privacy Tools | PC Tips and Tricks

Reply
avatar
October 21, 2009 8:18 AM delete

That's cool
Happy for you buddy!

Reply
avatar
November 26, 2009 11:14 PM delete

Awesome! Thanks so much for the tip.

Reply
avatar
January 10, 2010 1:52 PM delete

Thanks..for the code..nice post

Reply
avatar
March 13, 2010 12:17 AM delete

It doesn't show anything at my post at all. Could you please help me about it?

Reply
avatar
March 13, 2010 6:43 AM delete

Hi Elizabeth,

Your widget is actually working perfectly, but it isn't able to to show any widget, cause you do not have more than 1 posts with a single label.

If "earrings" is a label you used in post-1, then you should add this same label to post-2...
And so, post-1 will be shown as a related post in post-2 and similarly post-2 will be shown under post-1 as a related post.

Reply
avatar
March 13, 2010 6:58 AM delete

Ah, I see your point.. I'll go add more post and see what's the result. Thank you so much for your fast reply. I really appreciate it!

Reply
avatar
March 13, 2010 7:37 AM delete

Hi,

I'm sorry I've to ask for your help again because nothing appeared even though I've another post with similar label.

Thanks for your kind attention

Reply
avatar
March 13, 2010 10:00 AM delete

Well, your work till step #5 is all correct.
I can't chk your coding of step #6 in the blog. To chk it, send me your template via my contact page.

Reply
avatar
March 16, 2010 6:03 AM delete

Hi Divya sai,

My question is .. will this setup show the related posts in the feed?

I want to show my posts in the feed.. so readers can click the link and.. it will increase the page views.

can you answer?

Giri

Reply
avatar
March 16, 2010 8:40 AM delete

Well Giri,
Feed is limited to posts and comments, so widgets cannot be shown in it!

Reply
avatar
April 04, 2010 9:21 AM delete

Name: Taimur Asghar

URL: http://psdmaterial.blogspot.com/

--------------------------------------



thanks worked :X

Reply
avatar
April 05, 2010 1:48 AM delete

i dunno what wrong, my blog crash when use opera 9.64 after add this script. but i try to recheck one more. thank

Reply
avatar
April 05, 2010 4:41 AM delete

sorry for my careless. but now succesful instaled on http://cuaryos.blogspot.com

Reply
avatar
May 18, 2010 10:45 AM delete

hai divya, amazing works, but it doesn't work for my blog, I don't know what went wrong.
I have red comments above one by one, and make it fix.
But It didn't work yet.

Please give me a hand to fix it... I really want to use related post widget...
Thanks

Reply
avatar
June 24, 2010 6:42 AM delete

hello may i ask some questions....how to place the link within like this site which only visible in post not in home page...help asap... buzz me at my blog as u reply this..

www.khairulzamri.blogspot.com

Reply
avatar
June 24, 2010 7:23 AM delete

Add that widget in a HTML widget (as you have already done). Then show it only below posts, using this tutorial:
http://bloggerstop.net/2008/12/show-widgets-in-only-specific-pages-or.html
Hope that helps.

Reply
avatar
kaha
June 26, 2010 6:12 PM delete

I can't upload file on http://sigmirror.com

Reply
avatar
June 27, 2010 3:05 AM delete

Hi there, instead of Sigmirror or Hotlinkfiles, upload the file to www.mdn.fm

Reply
avatar
July 10, 2010 11:53 PM delete

Hi Sai
I am a big fan of you. Need your help on this one. Did this setting and got as expected. However, I would like it to be a little different.

1. I want the dotted lines to be a little shorter. Read one of the earlier comments to change the width to 495 or 500. However, on doing so, the sections below are getting mixed up with 'Related articles'.

2. Instead of the related articles coming in plain, i would like them to be put in some canvas kind with some light background. Is this possible?

3. For the time being, i have kept the "You might also like" section below. Its not very helpful since i cannot bring the widget before the share buttons. However, the "You might also like" automatically starts taking the default font of my blog.Is it possible in 'Related articles'.


My blog: http://unix-school.blogspot.com

Waiting for your input.

Guru.

Reply
avatar
July 11, 2010 3:31 AM delete

Hey Guru, glad to know that...

1. According to your blog's width I think 500 is suffiecient, so no need to decrease the width, if it is causing some other probs.

2. Edit the starting few lines of code, which are:

#related-posts {
float : left;


to this:

#related-posts {
background: #F3EADA;
float : left;


You may use any other background color/image instead of that #F3EADA.

3. Couldn't get your third point.

Reply
avatar
July 15, 2010 9:43 PM delete

Hello,

I love the above Tutorial, really helpful but could someone help me out.

How do you make the padding or margin from the left of the widget to go away or at least be way less?

Just in case you don't get what I'm saying, Here 's a screenshot: http://i29.tinypic.com/eiuvrp.jpg

Please Reply Soon. Thanks!

Reply
avatar
July 18, 2010 10:33 AM delete

Make this one 0px,

margin-left : 5px;

so, it'll be become:

margin-left : 0px;

Reply
avatar
August 04, 2010 11:12 AM delete

i have been searching for this kind of codes but nothing works.. i followed everythign in this tutorial but nothing seems to work... :(

Reply
avatar
August 21, 2010 7:11 AM delete

Doesn't work for me, followed each step!

Reply
avatar
October 04, 2010 7:39 PM delete

Thanks again Divya, you saved my day. I think sigmirror site is bought by someone else. Hotlinks get expired after 90 days if account not login.

Reply
avatar
October 05, 2010 12:30 AM delete

I am glad I could help you :)
& thanks for informing me about sigmirror.
Presently I am using OpenDrive to host files, and recommending my readers too. They offer 5GB storage and 1GB/day bandwidth. Only requirement is to offer them a backlink from any of your blog-page/post. And that requirement doesn't apply it to you, if you register via this link: http://www.opendrive.com/?od=4ca4da67d1149 (for BloggerStop readers)

Reply
avatar
October 14, 2010 10:48 PM delete

I can get the link [get this widget for uour site]. Thats it nothing more.could you help me please.

Reply
avatar
November 28, 2010 1:47 PM delete

can you guide me on
1) how to place related post widget above comments section?
2) how to change font color coz they are not at all visible on my theme!!

thanks. have a look at my blog.

http://www.royalenfieldmotorcycles.co.cc

Reply
avatar
Anonymous
December 17, 2010 4:33 AM delete

not working for me.i added direct link from https://www.opendrive.com
and followed ur instructions but not working

Reply
avatar
December 21, 2010 9:48 AM delete

not working for me either here's my blog if someone can help me:
http://ebooks4y.blogspot.com/

thanks in advance

Reply
avatar
January 18, 2011 9:31 PM delete

hi there..

mine is not working linsharliana.blogspot.com

i dont know what went wrong and i just want this to workout. huhu

Reply
avatar
January 18, 2011 11:18 PM delete

You have to edit two things to make this work:
1. First of all, don't upload the .zip file, UNZIP it to get the .js file and then upload this .js file to mdn.fm (mydatanest)

2. And at your mydatanest account, edit the properties of the folder where you have uploaded the file and set the permissions as "Hidden" instead of "Private"

Reply
avatar
January 18, 2011 11:31 PM delete

@LeeN

Don't do the steps I have mentioned in the above comment, I have just updated the code in STEP #5, use it directly, it will fix your problem.

Reply
avatar
February 10, 2011 11:21 PM delete

Hey! I'm a new blogger and tried using this code in blogger but I must have done something wrong. Is there anyway I can get you to check it out and tell me what's wrong? Thanks so much!

Reply
avatar
March 02, 2011 4:59 PM delete

Hey, I got it working! Whoo! So excited for this. Anyway, I updated the max-results number to 3, hit save, and there are 17 related posts displayed beneath my post. I went through and edited the number of labels I have, but I'm still winding up with too many related posts.

And when I tried following that other guy's advice, I couldn't find any code that read i<20. Please help?

Reply
avatar
March 27, 2011 9:07 AM delete

Hi, How do I do this???

"Replace the link in RED with the DIRECT LINK, you got in the previous step."

Reply
avatar
March 28, 2011 9:37 AM delete

Hey Lucky..

Ignore that line, I have deleted it from the tutorial now. Simply follow rest of the tutorial.

Reply
avatar
April 17, 2011 7:05 PM delete

Thank you so much for writing this very informative post! I must have tried two or three different tutorials and this one finally worked :D Thanks! I'll definitely have to follow you and read all your tips :) Cheers!

Cat Dead, Details Later

Reply
avatar
April 20, 2011 4:10 AM delete

Thank you.but I already put the code no error but no result.if you can help me I appreciate

Reply
avatar
May 01, 2011 2:37 PM delete

I do not have a problem at all in the application of this HTML script. but I get the shift link post longer, more recent post, and home. how I respond to this. if you could help me. please see the proof here http://moneyour.blogspot.com/2011/04/mariah-carey-and-nick-cannon-parents-of.html and you'll get the posts as well as related post. please help me. thank you

Reply
avatar
Anonymous
May 04, 2011 10:18 AM delete

hello. where i find related post wigdet like on this page? (post with photo)

Reply
avatar
May 11, 2011 4:19 PM delete

thx for this great tweak. the solution for current post showing, you have make this in js

change this code
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;

to
if (entry.link[k].rel == 'alternate') {
if(location.href.toLowerCase()!= entry.link[k].href.toLowerCase())
{relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;}

Reply
avatar
May 19, 2011 2:20 AM delete

Hi, Thanks for sharing the codes. But I'm facing 2 issues. Firstly related posts is appearing without pics (I want it with pics). Secondly its showing in the content after the jump/ read more. I want it on the main page itself, as I have seen on so many other blogs. My blog url is http://tastejunction.blogspot.com/.

Reply
avatar
June 02, 2011 6:22 PM delete

I tried this and it worked. But I have some questions:

1. How do I make the font size of the links increase and its colour change?

2. How do I change the colour of the "Related Posts" word?

3. How do I make the Related Posts close to the last line of my post?

Thanks as you respond.

Reply
avatar
Anonymous
June 03, 2011 2:53 AM delete

Thnaks for nice codes. It is working accurately in my blog, http://michaljohnblog.blogspot.com/

Regards
Michal John

Reply
avatar
June 03, 2011 5:08 PM delete

It worked on mine, but it does not work on new posts, only on old posts. What should I do?

Reply
avatar
June 05, 2011 6:52 PM delete

This is working absolutely on my blog htt://okagbatek.blogspot.com. But I would like to know how to change the links colour and size, and those of heading? Thank you.

Reply
avatar
June 21, 2011 5:22 PM delete

I'm so clueless when it comes to code, I thought I had this figured out but it isn't working. I'm not sure if it has to do with my customized template I got online or what. HELP! :)

Reply
avatar
vicky
July 09, 2011 6:44 PM delete

Thank you for the nice tutorial.

For a simpler way to add a related post, check out this tutorial which show how to add a related post in less than 2 mins.

Hope it is useful to all!!!

Reply
avatar
July 15, 2011 1:19 AM delete

I DOes't Find on my tampate plz help me

Reply
avatar
July 17, 2011 8:17 AM delete

It doesn't work I tried every step as you mentioned here. See my blog if there's something wrong in the footer of post?
Http://tutorialstips.blogspot.com

Reply
avatar
July 19, 2011 10:34 AM delete

I'm gonna try this one! Thanks for the post!

Reply
avatar
July 20, 2011 1:43 AM delete

It Doesn't work for my website for detail view www.hellonepal.co.cc please help what to do ?

Reply
avatar
July 21, 2011 11:40 AM delete

Thanks for the efforts in making this code. I love it!

Reply
avatar
July 21, 2011 11:44 AM delete

Thanks for the efforts in making this code! It works like charm!

Reply
avatar
July 25, 2011 8:14 AM delete

Thanks a lot!! Worked perfectly on my site!! :)

Reply
avatar
August 01, 2011 5:48 AM delete

Java short interview question very very important for me and others. So, its helpful for better indexing of the site.

Reply
avatar
August 02, 2011 7:26 AM delete

Nice post. I read this article i am really impressed and thanks for the nice information.

Reply
avatar
Anonymous
August 02, 2011 11:09 AM delete

I do not have any problem in application of this HTML script. .i am running 3 blog and i applied this for all my blog.and works perfectly.i just need to know that i want to Show posts from my another blog(i.e) my 1-st blog post should appear in 2-nd blogs related post ! is it possible pls replay soon !!

Reply
avatar
August 08, 2011 6:42 AM delete

Thank you for useful links. It was easy to read, but I'd like to add that if your business needs to be updated try mobile software developer.

Reply
avatar
August 08, 2011 1:38 PM delete

Hi Friend! Tried to add this to my blog and cannot get it to work. No errors, just not showing up. Can you help? Thanks! jonathonsfitness@gmail.com

Reply
avatar
August 09, 2011 2:03 AM delete

best article for me

visit:

http://internetricks4u.blogspot.com/

Reply
avatar
August 10, 2011 7:54 AM delete

Nice sharing and i am really like this post.

Reply
avatar
August 11, 2011 8:08 AM delete

Thanks a lot for the list. I really appreciate it.

Reply
avatar
August 17, 2011 8:08 AM delete

Thank you so much, your code very useful for me.

Reply
avatar
August 29, 2011 4:32 PM delete

Hi, thanks for this. It would work better for me if it didn't display the source post as one of the related posts (for instance if there is only one instance of a tag). How might I fix that?
thanks
Will

Reply
avatar
September 06, 2011 12:30 PM delete

I copied same code with no change at specified locations. but it is not showing related posts. Please guide.

http://pakdiscovery.blogspot.com
mianhamidayub@yahoo.com

Reply
avatar
September 14, 2011 7:43 AM delete

HEY I TRYED YOUR CODE IN MY BLOG BUT ITS NOT WORKING AND FOLLOWING ERROR APPERED

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 string "--" is not permitted within comments.

CAN YOU PLEASE HELP ME DEAR.
THANKS!

Reply
avatar
September 18, 2011 12:14 AM delete

Can you help me add the related posts to my blog html? It doesn't seem to work on my blog, maybe because it's been customized already. My blog: www.lifeandfever.com. Thanks! :)

Reply
avatar
September 26, 2011 5:14 PM delete

Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly. How to Select All Friends on Facebook

Reply
avatar
October 16, 2011 2:21 PM delete

my blog cannot show the related post so how to add http://exora-club.blogspot.com please help

Reply
avatar
October 18, 2011 2:59 AM delete

what i want to add instead of that red link (http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/relatedposts_forblogger.js)..

which URL i want to add..
plz mail me to sadhinofficial@gmail.com

Reply
avatar
October 26, 2011 12:21 PM delete

Dear Friend, Its not working. I've added the Code,but doesn't show any change. You can check blog given below:
Wiki For You
Thanks

Reply
avatar
October 29, 2011 1:15 PM delete

hi i am doing every thing fine.. my template saves successfully but still, related posts are not shown i have tried every thing, i think there is some problem in my template. please help me.. help me how to fix it..
my blog is
http://adilclinic.blogspot.com

Reply
avatar
November 04, 2011 5:49 AM delete

thanks for this code. but i like related post having a picture. do you have?

my blog here:http://xxxmehide.blogspot.com/

Reply
avatar
November 04, 2011 10:57 AM delete

Hi. Your tutorial is very interesting. But, I've got a little problem about the popular post.
Would you help me, please?
Sentence for his popular post is not comes up in my blog.
Please visit my blog at merahmarunluck.blogspot.com so you can see it and give a little of all this problem solving.
Thank you ..

Reply
avatar
November 24, 2011 1:37 PM delete

tq cannot apply to my blog

http://exora-club.blogspot.com

Reply
avatar
December 08, 2011 10:05 AM delete

Hello this code does not working in my blogspot. tell me what i do

Reply
avatar
December 14, 2011 5:11 AM delete

Thanks a lot for this code it helps me a lot to complete my project

Reply
avatar
December 24, 2011 12:40 AM delete

Related posts are very cool on any blog. They can help you increase the number of page views per user. I've been using a plugin in Wordpress since a long time and I guess now it's my time to add it in Blogger blogs as well.

Thanks!

Reply
avatar
January 16, 2012 7:41 PM delete

Nice Brow! Good for learn blog!

Reply
avatar
February 14, 2012 10:44 AM delete

I really want to get "Related Post' to work in my blog, but it is not... I don't get any errors...but nothing shows up on my blog. please help me...tq

Reply
avatar
March 31, 2012 4:10 PM delete

thanks, exactly what I was looking for

Reply
avatar
April 11, 2012 4:46 AM delete

Your good men really good...Thanks for sharing things!!!

Reply
avatar
May 25, 2012 7:30 AM delete

hey i dont have in my blog what must i do??

Reply
avatar
May 25, 2012 7:32 AM delete

hey i dont have the line from step six in my blog html(blogger) what must i do

Reply
avatar
June 14, 2012 9:09 PM delete

I too am having trouble getting this to work. I have already emailed you a copy of my template for you to check out. Thanks again in advance!

Reply
avatar
«Oldest   ‹Older   1 – 200 of 204   Newer›   Newest»

Comments are moderated on this blog

Allowed HTML tags: <b>, <i> and <a>

Comment Like This! and Optimize your blog EmoticonEmoticon