Home › Internet › Blogs › Best Related Posts Widget for Blogger – Show Simlar Article… Sep 2008

Written by Debajyoti Das

<div class='post-footer-line post-footer-line-3'/>  ...</div>

<div class='post-footer-line post-footer-line-3'/>  ...</div><div id='related_posts'/>

</body></html>

<script src='http://www.google.com/jsapi'/><script src='http://brps.appspot.com/brps.js' type='text/javascript'/></body></html>

<script src='http://www.google.com/jsapi'></script><script src='http://brps.appspot.com/brps.js' type='text/javascript'/>

<script src='http://www.google.com/jsapi'></script><script type="text/javascript">window.brps_options = {  "title": "<h2>Hey! Check out my other related posts!</h2>"  "max_results": 5  }</script><script src='http://brps.appspot.com/brps.js' type='text/javascript'/>

div#related_posts h2 /* By default. If you customize brps_options["title"], it will be whatever you set */ ul  li

#related_posts ul li {  /* CSS here */  font-family: Arial;  font-size: 1.2em;  font-weight: bold;  color: #888;  }

#related_posts h2 {  /* CSS here */  }

158 Responses »

Amith : Thanks for the info brother...the widget u created looks great

by the way can u create a post on integrating Digg button in blogger blogs...

Amith

Debajyoti Das : @ Amith

of Course ! It will be Posted Shortly...

Debajyoti Das : How to Add a Digg Button ??

Read : This Post

Amith : Thanks A Lot My dear friend

Shafar : Hey very goog tips.. Thanks.

HairySwede : maybe a dumb question. but how is this technique determining determine which posts are related? title keywords? keywords within the post? tags?

Jaku : How to implement this stuff on some home-made template?

Ryan Macalandag : Hey! Thanks for this widget. It really works. BTW, is it possible to limit the number of displayed posts? Maybe limit the number of loops perhaps? I don't know how to do it... :(

♥♪♥ VISHAL ♥♪♥ : Thanks for such a great post buddy :-)

http://orkutting-tricks.blogspot.com/

rahul : thanks a lot dude.....how ever can you tell me what should i do if i want to put the related links between labels and comments and not before labels

Debajyoti Das : @ Rahul

Look For : "<div class='post-footer'>" in the template.

Just Place Code Given in the Post After This Line.

Debajyoti Das : @ HairySwede & Ryan Macalandag

The Widget will show you "Related Post" According to your LABELS...

The More Labels you Have Assingned to the Posts.. the more Related posts Will be Shown....

Ozan KORKMAZ : Thanks for the info brother. see you

Dan* : many thanks yaar :)

Arjun : Thank You very much, man you are great

Rishi : Hi, this didn't work for me. Is this because i have a custome template?

Debajyoti Das : NO Rishi ... My template Is also a Customized Template... But Its Working Great.. Its Also working gr8 on all of mine friend's blogs too..

Plz follow the Instructions Carefully.. I mean Check If the Right Codes are at The right Place

Grace : Any idea how to limit the loop within one post itself in the main page?

Corey. : real cool widget. :) thanks dude.

Debajyoti Das : @ Grace
Look For max-results=5 in the 2nd code provided

Himanshu Sheth : Nice one..But this does not work on Old Templates since the tagging is different there...Can you add one for the Old template as well ?

-Himanshu Sheth

Debajyoti Das : @ Himanshu
No friend, this template hack will work on all blogger beta blogs.

Himanshu Sheth : Yes, I am aware it does not work.Can you also put the hack for the Classic Template for Blogger.Since,nowhere on internet is this hack provided?

-Himanshu Sheth

Prateek : Could you also tell us that how to add
"If you enjoyed this post, make sure you subscribe to my regular Email Updates!"
which you have added to end of your blog posts.

I've tried doing this on my blog but did not get sucess, as when we view detailed posts, the text gets to disturbed
Thanks
Prateek

Debajyoti Das : @ Prateek

Read This : How to Add a Email Subscribe Button Below Blog Posts

3dx : Many thanks

p@r@Noid : Nice work dude..!!!:)

agus : Thank u very much. I use your code in my blog. I hope you don't mind, I changed "Related Posts" to "Posts in this catagory".

bloggErdal : thanks.it is very useful for blogger blogs.

Computer Geek : Nice one dude
Thnx a ton

Debajyoti Das : @ Computer Geek, p@r@Noid, bloggErdal, Agus, Corey, Arjun, Shafar, Amith
- Thank You Friends... It would Be Really Great if you Link This post in your Blogs..!

Zack : Everything is O.K now ! thanks again for your great work and for sharing it ! :)

rajeel kp : hi ,

plz tell me,how i can post html codes on my blog
[ in a post]

plz mail it to me ;- rajeelkp@gmail.com

Thanks in advance

Ann : Thanks for the information! Was simple and straight to the point, especially for a non-techie or someone who has a lot of experience with HTML

ganesh : Thank you very much for the wonderful widget. It is truly a gem of a widget.

Debajyoti Das : Ann & Ganesh, Thank You, I am looking forward to more of your comments.

quocvuong : Thank you

Prince Gomolvilas : This is AWESOME! Thanks so much!

la_vie_en_rose : Hi. I implemented this just as you specified, but it doesn't show up on any new posts (or anywhere, for that matter). We do use a custom template in the new Blogger Beta system, but that shouldn't be affecting it, I don't think. Any advice?

Debajyoti Das : @ la_vie_en_rose

No, it would work great. make sure all the codes are at the right place.

rara : regarding on this widget.. are the posts that appear in this widget related to that specific post were on the same category? because i noticed that other related posts were not related at all in my specific post.

proAMATEUR : thank you, it's very useful.
i give it may blog, it see nice at http://blogvietshow.blogspot.com

Claire : Hi, i try some ways but it's doesn't work on my blog !! Please help me to find the problem ! Thank you!

ps. Firefox always work..but IE NOT !

mertcan : Hi,

this is a nice trick but
"The More Labels you Have Assingned to the Posts.. the more Related posts Will be Shown...."

If you more labels assingned to the post (3 or more) pages will be so slowly.

weng : hi! thanks for these great post. it works!!!!!! thanks again!!!

-weng

weng cariaga : hi its me again weng..

how can i change the font color??

evolveever.com : Hi,

This is awesome. One of the completely carefree code insertions I've had to do so far. Cool stuff. Thanks.

Madhu : Related posts widget is working on my blog. thanx. only one little problem. the no. of post links is 5 in the code but for some post pages of my blog it is showing 7. how is it so?

Jaydip : Hey Dude,

In this code I found one bug. If we have only one Lable or less then 5 post on that lable then it is showing own thread. can you fix this up.

Luxon Alex : Pretty..Related Posts ,,
Thank for share this

Katie : Hi! Thank you for this great widget - it is much appreciated. I have two questions though:

1) Is there any way to change the font color from blue to a color that matches my blog?

2) Is there a way to limit the number of related posts? I counted up to 8 in one instance.

Thanks again!

Kouki Aki : can u make one for classic template ?

@_raj : thanks.. i was looking for something like this. It suits my blog theme and simplicity. good job.

mp3 : Thank so much it is pretty

Debajyoti Das : @ Kouki Aki
Sorry !! this won't work in the classic template system...

Thank You all for the appreciation...!!

Raman BV : Thank you very much Mr Das for sharing the code. I have implemented it in my blog at http://doctor82.blogspot.com.

the Muse : this works great but is there anyway to have the related posts show up in a reader?

Thanks!

AsukaC : Thanks for the code. It's a great help for us to improve CTR, Traffic and etc. as you mentioned.

Crazy World of Tennis : Thanks heaps, realtrix!! It's working great on my blog and looks awesome. There's just one little glitch in that it shows the same post in the related section, but I don't really mind.

DirtDigger (Tessa) : hello,

I have put this on my blog. I have noticed that it shows the 'related posts' right after my post ending- and after that it shows posted by and label info, and also the send to friend email icon link. i would like the related post to come after the 'posted by' and email to friend icon. can i move these to show right after my post end? I know you can't move the labels to be listed before the 'related posts' because it won't work, as was my experience.

hope you can help.

Debajyoti Das : @ DirtDigger (Tessa) -

Simple, Just Follow "Step 2" and paste the code wherever you want the 'Related Posts' to Show Up. You can even Use an HTML widget to show it.

DirtDigger (Tessa) : Hi,

Thanks for answering quickly. I did want to tell you that I have put this on 2 of my blogs. On my test blog, just before I put this 'related post' on, I had moved my labels to show right below my post title- and the 'related posts did not work. I tried it another blog and it worked fine. So, it does matter where you put it. Or should I say it matters where you put your labels to show.

So, if I understand, I can just recopy your hack and put it right after my post end and signature- what would I look for in the code?

Thanks

Debajyoti Das : @ DirtDigger (Tessa) -
Yup you need to have labels assigned to the Posts to make the Hack Work.

Darmawan : Thanks a lot bro
Keep up ur good work!

dreamwalker : Thanks for this widget, it works great!

Michael de`Oz : Thank you very much!

Nahai : Great help. It works better than most of the other tricks i've tried. Thanks.

AB : I am getting error after adding 2nd code:
bX-xuyvo5

oliveivy : " max-results=5 " does not seem to work. All the related posts are shown.
http://nokiafever.blogspot.com

Debajyoti Das : @ oliveivy - " max-results=5 " means the code will show a Max of 5 posts PER Label. If you assign more Labels to a Post It will show up more Posts

oliveivy : I know that it means a max of five posts per label. I wanted to say that this (max-results=5) is not working. Instead of 5, all related posts (having same labels) are shown.

th3sn0wbr4in : thanks...
it's easy, simple, and cool.
but it will appear many related post if i put many tag in a post. hehe, i think it should be happened, huh ? :D

Regards,
http://ryan-isra.blogspot.com

Heather Boerner : Darnit! I tried this and there is no < p>< data:post.body />< / p> in my HTML, even when I expand the Widget Templates.

Help?

Debajyoti Das : @ ^^^ - Just Look For data:post.body

math : Thats nice thanks here it is mine
http://www.blogger.com/post-create.g?blogID=8805428963162877739

FX Site Review : Thank you ,your forex article has been very helpful, now I have a clear idea on what to look for, to buy my forex robot. Thank very much.

Shakiamuni : Thank you!

the Muse : sorry for the repost but is there anyway to have the related posts pop up in my feed reader? Works fine on my blogger blog but I'd like the related posts to be sent to the reader as well?

Thanks!

Debajyoti Das : @ Muse - Sorry this Hack Can't be Made to Work in the Blogspot Feed. Its possible only in wordpress with the help of Plugins

Kwame Owusu : Hey, you've got a nice blog. I was looking at you home page and wondered how you separated each post with a space...

Would you be able to show me how you did it?

Regards,


Kwame

Yoda blog : Thank you

ram : thx for the tip...

Lana : Thanks for this tip, it's great!

Carlos Padgett : Gracias, por fin pude hacer lo que tanto habia buscado.

Dani Permana : Thanks a lot buddy for this nice article.

Unleashed : Thanks for the input. I have looking for a widget like this for days now. Excellent!

Free as the wind : Is there a method to add "Related Post" to my Classic Template?

ekonik3 : nice tutorial and its work for me. thank you

my styl!! : Thank You...

labellingblog : I've tried in several ocassion but it does not work. I do not know what I'm doing wrong.

labellingblog : great, it works, forget the previous comment. You're great man.

Cool : Thanks a lot. I have to remove the code of related posts widget wich is added but not functional. Can you help me? after that I add this widget code. I have problems whit accentuated letters. korondi.blogspot.com what have i to delete?

Advertise online : Tks for your post, it works well

Anzu’s Mum : thanks for this.. i have been looking around for a clean post widgets without linking to a lot of credit. Thanks a lot

hyperjadulz : nice info,thanks for sharing

Brianna @ Heart(h) Management : Hi there! I installed your marvelous widget a couple of weeks ago. It's been working fabulously till today. Under my post it shows the "Related Posts" title, but that's it. No link to this post (like it used to have), and no list of related posts! Any idea what's going on? I'm subscribing to the comments so that I can keep in touch. Thanks.

Debajyoti Das : @ Brianna : You are right. Its bcoz I have Updated the Related Post Technique. Read this post Again and make the Changes Necessary. The Old one is Good ... But this method is Much Much Better. Enjoy... Let me know... how its working...

Brianna @ Heart(h) Management : I see. How can I find the original instructions in case I need to remove the original coding?

Debajyoti Das : @ Brianna - Just Expand the Widget Template :
* Look for "Related Post". You will find it Just delete it.
* Next Look for "Realtrix.co.cc" .Remove the Script Code from Embedded there.

Deadfire55 : Hey I really like this!
Is there any way to make the font that says "Related Posts" smaller?

Anonymous : Can i change the black color of the widget?

Trixi : @Debajyoti Das:

Thank you very, very much for those great blogger-hacks, that all work perfectly !!
Sorry for pulling out this old post from you, but I have a urgent question belonging to the "max-results=5" - query:

I don't have a clue, where to add this line to get the max. 5 results.

The 1.code you give us, is the [div id='related_posts'/] to be added in the post-footer-line.

The 2.codes are the 2 javascripts
[script src='http://www.google.com/jsapi'/]
[script src='http://brps.appspot.com/brps.js' type='text/javascript'/]
that are added at the end of the template before [/body] [/html]

I tried to add the "max-results" - line to both of your codes, but both doesn't work unfortunately.

Can you give me/us advice, where to add the "max-results"-line exactly ? Would be absolutly great ... and btw: Is there a possibilty to make a donation for you via paypal ?

Thanks much in anticipation

Debajyoti Das : @ Trixi - Look the Codes i have Given Below
The following code shows all options that you can customize:

[script type="text/javascript"]
window.brps_options = {
"title": "[h2]Hey! Check out my other related posts![/h2]",
"max_results": 5
}
[/script]

Trixi : @Debajyoti Das
Thanks !! Now I will get it working perfectly.
Just bought a (X)HTML & CSS book, hope I will learn to customize my blog more.
:)

Perspective Shift Chris : Thank you for this! It was so helpful and exactly what I was looking for. I just wish I could alter the design of it, but my html skills are average at best. Bah. Anyhow, thanks again!

Stone-Cold Angel : This one worked with my blog... None except this had worked for me. Thanks for the tutorial!

Visit my blog at http://9mmdotnet.blogspot.com

Thanks again!

Decork : Hello .. i follow all of the steps but i still can not add the Best Related Posts Widget for Blogger .. please help me

Debajyoti Das : @ Decork - What Problems are you Facing ??

Rô : Hi Debajyoti Das !
Your widget is really great!
I own a help blog in Portuguese and will post about this widget, of course linking you back.

I was wondering about related posts and try to find some script that works on home page without sucsses.

Do you think it's possible?

Best regards from Brazil!

Debajyoti Das : Thank you for your Comments Ro... I don't think this Widget will work on the Home Page... After All it a Widget for Posts

gatodiakritikos : Ι installed it, but i want to change the title:"related post" into my country's language,. Then, the widget doen't appear at all!!! Can't i change it??

Debajyoti Das : @ gatodiakritikos - Look the Codes i have Given Below
The following code shows all options that you can customize:

[script type="text/javascript"]
window.brps_options = {
"title": "[h2]Hey! Check out my other related posts![/h2]",
"max_results": 10
}
[/script]Replace [ & ] with < & >

Pat Anzanello : I've had some problems with this. I've customized like explained above but then I could't customize the new h2.
Also if I use a title in the widget, than when I'm in the individual post page it shows two times the title.
Any advice?
Thank you!

Debajyoti Das : @ Pat - Remove all the Codes .... Start from the Beginning

Step 1- Place [div id='related_posts'/]
Step 2- Place
[script type="text/javascript"]
window.brps_options = {
"title": "[h2]Hey! Check out my other related posts![/h2]",
"max_results": 10
}
[/script]

Replace [ & ] with < & >

Pat Anzanello : Still not working :(

gatodiakritikos : Thx for you help! i appreciate it a lot!!
I just made it!!
take care and keep up the good work.
By the way the ""max_results": 5" , where exactly do we put it on? After the '"title": "[h2]Hey! Check out my other related posts![/h2]" '?
OR after the "window.brps_options = {
?
Because i'm a little confused about it!! But i don;t wanna change it!!
Bye from Greece.

gatodiakritikos : Oups i just noticed that when i want to choose a related post, before click it, it showed me this:"Score 0,66666666", or Score:"0,5". Do you know why???

Debajyoti Das : @ Gatodiakritikos - "max_results": 5 is for showing the max. No Of Posts.
The Score is actually the Relational Score between the Current Post and the Link on which you are going to click in the Related Posts

HFz : how to remove this related post ?? email me at hafisha2@gmail.com thank you

faisal : Thanx to The information,By the way What Is solution if my link has Broken & 404 error(page not found)Thanx

Debajyoti Das : @ Faisal - Sorry There isn't any such Solution

@ Hfz - Just Look for the Codes(step 4) in the template and remove them.

Ofa Ragil Boy : thanx u

2009 Movie Trailers : at first i wondered why there are no related posts to be displayed. it's all up to your labels. the labels determine related topics. works perfectly in my (2009) movie trailers blogsite thank you so much!

Indonesia Business Directory : Thanks for your info. I still looking for this hack for my blog on blogspot. It must be helful!

Thanks

Recep Hilmi Tufan : Hi! How can I change the colour of this plugin? It's not displayed on my template. And also i couldn't change the title 2 Turkish...

trendnews : hi, i tried your suggestions but couldn't get the related posts to show up on my blog when i went into preview mode. tried other methods and those don't seem to work either. any thoughts or suggestions appreciated!

oliva : Hello! Love this tutorial, it worked the way I wanted, I do have to ask how ti change the label and color. I do not understand where to add the DOM codes. Would really like this to work for me.

Jeff : I've installed this on my blog and it mostly does what I want it to, but I seem to be having two issues: a) Like others, I can't seem to get it to accept my customizations. I know I'm doing it right - I copied your code directly - but it's still showing more than 5 posts, and when I try to change the heading to say something other than "Related Posts" (I wanted "Similar Posts"), it doesn't work. b) Since installing it, I've added more labels. However, it seems that posts that didn't have labels before, but have new labels now, still have no related posts. Any advice you can give on these two issues?

Vin24k : Its Working...But i want to change the font size of "related posts" Text ! Vin24k’s last blog post..Welcome....

प्रवीण त्रिवेदी(PRAVEEN TRIVEDI)…प्राइमरी का मास्टर : Its Working…But i want to change the font size of “related posts” Text प्रवीण त्रिवेदी(PRAVEEN TRIVEDI)...प्राइमरी का मास्टर’s last blog post..व्यक्ति, जो अनेक प्रकार की भय की भावनाओं से ग्रसित है, चरम मोक्ष नहीं प्राप्त कर सकता

प्रवीण त्रिवेदी(PRAVEEN TRIVEDI)…प्राइमरी का मास्टर : when I try to change the heading to say something other than “Related Posts” (I wanted “Similar Posts or in hindi”), it doesn’t work प्रवीण त्रिवेदी(PRAVEEN TRIVEDI)...प्राइमरी का मास्टर’s last blog post..व्यक्ति, जो अनेक प्रकार की भय की भावनाओं से ग्रसित है, चरम मोक्ष नहीं प्राप्त कर सकता

प्रवीण त्रिवेदी(PRAVEEN TRIVEDI)…प्राइमरी का मास्टर : i want that footer box (blockquote) & related posts box should be in another blockquote. can it be? प्रवीण त्रिवेदी(PRAVEEN TRIVEDI)...प्राइमरी का मास्टर’s last blog post..हिन्दी चिट्ठाकारों का आर्थिक सर्वेक्षण - शामिल होने का आमंत्रण

Shubham Gupta : Hi, Awesome hack... Just loved it.. Would like to know can I customize the font and size of related post text ( not the heading ) or will it take the style from my blog CSS defined for bullets ? Shubham Gupta’s last blog post..Make your Own Google Profile and Be Seachable !

Debajyoti Das : @ shubham - see the last part of the post link to the customization of css is given

Catherine : Hey, I tried it, and it works great... until I saw that it shows "No related posts" on some of my posts, even though there are other posts under the same label(s). Why is this?

Debajyoti Das : Check the Link to the Author of this Service.... He may answer this... If you have labels assigned to a Post and have more than 2 posts assigned to the same label then its ought to show the related posts

Edwin : Thank you very much! The best I can get for this purpose. I think I know why some of the readers can't get it work when you customize it. In the text area, you miss the comma right after "title": "Hey! Check out my other related posts!"

Ganesh : Thanks.Exactly what I was looking for.Why don't you have any bookmarking buttons? I was going to digg this post.

Ganesh : Sorry I din't notice the ones at the top ;)

hfz : how to edit font colour related post?

Laksh : Thank you for this. It's Working

Abdullah : hi i click on add widget button it go to account and add widget i add widget but wheni open blog there is no widget please help me!!!!! thans

Benjamin : Thanks very much for your post. I think this is a great tool. If I understand correctly, the code was written by Yu-Jie Lin. I think you could make that clearer. BTW, why do you use linkwithin?

Debajyoti Das : @ Benjamim - LinkWithin Has shown Good Results in Improving the Bounce Rate for Many Blog... So thought of testing it Myself

Scott Hampton : Works great! I have a few posts that show up as No related posts found, but they are only a few. The rest of the time it works great! Thanks for posting! Scott

Maey : Thanks!!!!!!Now i find how to do it!!!

MrBarns : Hey, I read a lot of blogs on a daily basis and for the most part, people lack substance but, I just wanted to make a quick comment to say GREAT blog!.....I"ll be checking in on a regularly now....Keep up the good work! :)

TSwain : There's good info here. I did a search on the topic and found most people will agree with your blog. Keep up the good work mate!

palla ramarao : Hey, The code lines in this post are not formatted correctly. They are displaying well over the ads and extending till the end of the pages. I cannot see the code correctly. Can you please format your page correctly so that i can see the code correctly..

krisna : wow, when i scroll to this page there is "More in..." really coooool

Tips Trik Blogger : nice sharing brotha, if someone looking for how making related post for classic blogger, maybe this link can help: http://vilat.blogspot.com/2010/10/related-posts-blogger-classis.html sorry for that live link, I mean nothing spamming..

News Bird : It's not Working showing some error The key is invalid. Please go to BRPS to obtain one. If you are reading this, please relay the message to the owner of this blog. I've visited the link and created a clone. Now how to use it.

Irfan | RealTimeTricks : not working bro. it says "The key is invalid. Please go to BRPS to obtain one. If you are reading this, please relay the message to the owner of this blog." any solution you have?

Debajyoti Das : @Irfan : Check http://brps.appspot.com/install for help

Srini : Hi there.. How does this widget compare with related post widget ..?? The one given here works like a charm and is very fast..comments?

sabreen : thanks I really need this

Jayrweblog : That was very helpful. I'm going to use that widget on my blog, thanks!

FreeBloggerTutorial : It’s really a nice and useful piece of info. I’m glad that you just shared this helpful information with us. Please stay us up to date like this. Thank you for sharing & could you please tell me how to add google+1 button in wordpress.com blog. Thankx in advance, I would really appreciate your answer. Waiting for your reply.

» Leave a Reply

Name (required)

Mail (will not be published) (required)

URL (optional)