October 28, 2008

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

204 comments:

«Oldest   ‹Older   1 – 200 of 204   Newer›   Newest»
Sujith Bhakthan T R said...

hey its not working. getting some error

Divya Sai said...

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 !

Sujith Bhakthan T R said...

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

thank u very much

sujith bhakthan

Eleté said...

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

Divya Sai said...

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

Jill said...

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.

Divya Sai said...

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

dlcomplete said...

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

Divya Sai said...

Welcome dude !

Sandhu Singh Navjeet said...

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.

Divya Sai said...

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

Hanna said...

your site is very informative and helpful.

thank u very much

Mansi

Divya Sai said...

Thanks !

KMc said...

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

Amol said...

Hi Divya,

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

Divya Sai said...

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

Tomate Suicida said...

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

thank you

Henry Ramirez said...

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

thanks

Divya Sai said...

Welcome Henry !

Anonymous said...

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

Divya Sai said...

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

Anonymous said...

Thank you, it really works! :)

Kwame said...

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

Nairobian Perspective said...

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

Divya Sai said...

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

Loufadoros said...

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!

bloggerstop.net said...

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

abra-ka-dabra said...

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!!

abra-ka-dabra said...

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

Divya Sai said...

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

inAm said...

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

Blogger Templates said...

Hi inAm,

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

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

Owlman said...

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!

Srinivas said...

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

Divya Sai said...

Good work srinivas !

Owlman said...

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!

Divya Sai said...

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

Regards
Sai

Mohammad Mustafa Ahmedzai said...

wow Great! its working on Mine.
Regards,
MOHD_

Ankit said...

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

Jahz said...

thx ! very big help God Bless ^_____^

Divya Sai said...

Welcome Jahz !

DaveL said...

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

Divya Sai said...

Hi DaveL

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

DaveL said...

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

Divya Sai said...

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

DaveL said...

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

Divya Sai said...

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

DaveL said...

o ok. thanks again for the followup

Divya Sai said...

Welcome Dave

Ms Hetal Patil said...

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

Divya Sai said...

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

ishu said...

how to increase the size of the text link

Divya Sai said...

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 !

DaveL said...

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?

era29 said...

:D

abra-ka-dabra said...

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

Mikes@Your Daily Word said...

I'll try this out. thanks!

bloggerstop.net said...

@ abra-ka-dabra
:-/

Ade said...

Nice post

Raja said...

Thanks i have implemented in my blog
http://tamilposters.blogspot.com

Maroof said...

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

Divya Sai said...

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

Cheers !

Akal's Saappadu said...

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

Akal's Saappadu said...

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

Admin said...

thank is work..

Mwistar said...

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

widgetblogger.co.cc said...

Step by Step tutorial.. thanks

shakeeb said...

:)

Muhammad Umer said...

thanx

www.weeklyjobs.tk

7on7 said...

It's good :)
Thanks for your share.

tashi said...

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!

Fusion said...

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

Vikas KM said...

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<

Vikas KM said...

</script>

Divya Sai said...

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.

Fusion said...

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

Fusion said...

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?

Clayton said...

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

homeandonlinejobs said...

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

homeandonlinejobs said...

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!

Sai @ Blogger Widgets said...

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

homeandonlinejobs said...

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

Danoxs said...

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

Divya Sai said...

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

Danoxs said...

Damn! You are a holy bless, dude !!

You are awesome ! How did you learnt all this ?

Danoxs said...

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

Divya Sai said...

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

admin said...

your the best!!!

Africa said...

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.

Divya Sai said...

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.

Anonymous said...

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

Sai said...

It's alright Krishna !

Salman said...

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

Sai @ Blogger Widgets said...

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

Googe said...

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

Sai @ Blogger Help said...

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

Vaibhav said...

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

Frankenstein Creative Inc. said...

Thanks Divya sai...you are great...

doncaprio said...

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

Sai @ Blogger Help said...

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

doncaprio said...

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

Divya Sai said...

That's cool
Happy for you buddy!

jpzednem said...

Awesome! Thanks so much for the tip.

Sai @ Blogger Help said...

You are welcome buddy :)

wings said...

Thanks..for the code..nice post

Elizabeth Loong said...

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

Sai - Blogger Help said...

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.

Elizabeth Loong said...

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!

Elizabeth Loong said...

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

Sai - Blogger Help said...

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.

கிரி said...

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

Sai - Blogger Help said...

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

Bloggers said...

Name: Taimur Asghar

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

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



thanks worked :X

cuaryos said...

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

cuaryos said...

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

Thejas said...

Thanks buddy

Sudeep Acharya said...

Nice Post man

Aris said...

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

mrkazen said...

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

Sai - Blogger Widgets said...

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.

kaha said...

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

Sai - Blogger Help said...

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

Guru Prasad said...

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.

Sai - Blogger Help said...

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.

MMA BlogTeam said...

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!

Divya Sai said...

Make this one 0px,

margin-left : 5px;

so, it'll be become:

margin-left : 0px;

gingersweets said...

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

WeBlog said...

Doesn't work for me, followed each step!

Shubhashis Roy Dipta said...

:))

Enthusiast said...

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.

Sai - Blogger Help said...

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)

GlobalSoftbay said...

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

Sai - Blogger Widgets said...

Hi there,

Need your blog address.

sanjeev khatoi said...

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

Anonymous said...

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

Mr. Rabie ESSAADY said...

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

thanks in advance

LeeN said...

hi there..

mine is not working linsharliana.blogspot.com

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

Sai - Blogger Widgets said...

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"

Sai - Blogger Help said...

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

Lois@frugaldecormom said...

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!

elizabeth said...

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?

Lucky King said...

Hi, How do I do this???

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

Sai - Blogger Widgets said...

Hey Lucky..

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

Frank Jimenez said...

this dont work..

Erika said...

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

sabreen said...

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

Prasetya said...

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

Anonymous said...

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

Melih Tumen said...

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;}

Taste Junction said...

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

Okagbabeluodachi said...

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.

Anonymous said...

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

Regards
Michal John

Okagbabeluodachi said...

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

Okagbabeluodachi said...

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.

Kelsey Protos said...

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! :)

vicky said...

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!!!

RASTRACHETHANA said...

I DOes't Find on my tampate plz help me

Aazib said...

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

Most Popular Articles - Free Article Directory said...

I doesn't Find on my tampate please help me..

Pinoy Homemade said...

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

Dennel k. Silva said...

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

master mister said...

thanks for your tips

Ramel de la Cruz said...

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

tekki answer said...

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

Live Cricket said...

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

vim100 said...

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

Plc Training In Chennai said...

Thanks for the info friend

retail fixtures said...

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

Anonymous said...

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 !!

caesar training in chennai said...

I love the information, very nice.

plc training in india said...

Thanks a lot.

Joshua Smith said...

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.

Jonathon said...

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

Malik said...

best article for me

visit:

http://internetricks4u.blogspot.com/

dcs training said...

Nice sharing and i am really like this post.

best scada training chennai said...

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

plc automation course india said...

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

Cool Jokes SMS said...

interesting and informative..

flameboy said...

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

hamid said...

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

adipk5 said...

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!

Stef said...

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! :)

Admin said...

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

Najaf said...

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

freeplays said...

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

Gurjit Singh said...

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

adil said...

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

Mark Alonzo said...

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

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

Luqman Kusumahdilaga said...

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

Najaf said...

tq cannot apply to my blog

http://exora-club.blogspot.com

Admin said...

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

hd cricket said...

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

Sahil Kotak said...

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!

sidik said...

Nice Brow! Good for learn blog!

Aisah said...

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

Shivam Shrotriya said...

thanks, exactly what I was looking for

Gaudy Mixtures said...

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

rhythm saparia said...

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

rhythm saparia said...

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

Kacie Reynolds said...

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!

«Oldest ‹Older   1 – 200 of 204   Newer› Newest»
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

comment on this post Share Your Views

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

Join and share your views with other bloggers at BloggerStop Community

Comment Like This! and Optimize your blog...

SPAMMER OF THE MONTH: www[.]TopRankLinks[.]com

Next Post Homepage Previous Post

Regular Readers


What They Say...

Divya Sai is the ingenious webmaster of Bloggerstop.Net. Divya is extremely patient, knowledgeable and responsive... Bloggerstop.net has an abundance of articles on creating widgets, templates, hacks and ways to make your blog search engine friendly.
- Stacey @Pets With Allergies
I stumbled onto a great site. Sai, over at Bloggerstop.net has helped me tremendously and with great patience...for any and all questions regarding computer issues. And again, THANK YOU Sai.
- Cheryl @Cmash Loves To Read

More Here...

Popular Posts

Get this widget

| © 2010 BloggerStop.net | Blogger Widgets | Template by Dicas Blogger | Enhanced By Divya Sai | Privacy Policy