How To Customize Related Posts Plugin: nRelate for Blogger

This is a guest post by Katrina Ramos.

Related posts plugins give bloggers the tools they need to help their visitors find interesting content. Usually placed at the end of a blog post or article, a related posts plugin can help engage your readers with your site as they are exposed to so much more of your great content than they normally would without such a plugin. Using a related posts plugin has been shown to improve overall site stats by increasing traffic and page views by an average of 6%, while also decreasing bounce rates and keeping readers on your site for longer.

nrelate related content widget for Blogger

There are a few options for related posts plugins out there, but the most customizable one is provided by nRelate. nRelate is a free tool for websites of all sizes and customization is very easy (with no confusing coding on your part) on platforms such as Blogger, WordPress and Tumblr. While nRelate for WordPress is the easiest platform to customize the plugin with, nRelate for Blogger is just as easy but is a little more involved and requires a few extra steps, which I will explain in detail throughout this post.


Benefits

Besides an increase in site traffic and easy customization options, there are a few other benefits of using nRelate’s related posts plugin:

  • No re-directs. Unlike some other related posts plugins, nRelate does not re-direct any of your internal links through it’s own site, so that you always get credit for all your internal ‘link juice’.
  • Re-index your site at any time. If you delete certain posts or articles and no longer want them to appear as a related post suggestion, you can clear your related posts cache with nRelate’s built-in ‘re-index’ option so their servers can then re-analyze your site and generate all new links to related posts.
  • Analytics reporting feature. Everyone who uses the nRelate plugin has access to the built in analytics reporting page, which displays all impressions, clicks, and other data so you can measure your increase in page views.
  • Hosted on nRelate’s own servers. Some other related posts plugins slow down your page’s loading time, but nRelate is supported on its own servers so this won’t be a problem.

How To Install and Customize nRelate Plugin For Blogger

Step 1: Install the Plugin
  1. Go to partners.nrelate.com and register. You’ll need to register if you want to customize the plugin for Blogger.
  2. Go to the Install tab and choose your platform: Blogger.
  3. Enter your site’s URL (make sure to include http:// and .blogspot.com) and click Submit.
    nrelate install to blogger
  4. Then choose if you want to display the plugin on posts as well as the homepage, or only on posts.
    nrelate blogger manage settings
  5. Once you click Install, your Blogger dashboard will then open in a new window or tab. Click Add Widget and then Save.add widget

Step 2: Customize Your Settings

You can customize your settings through the nRelate Partners Site under Manage Settings > Blogger where they give you a countless number of customization options.

  • Here, you can choose your thumbnail size, how many thumbnails you want to display (up to 10), as well as how far back in your archive you would like to go for related posts.
    nrelate thumbnail settings
  • They give you the option to support nRelate by displaying their logo within the plugin.
  • You can also choose to display sponsored ads within the plugin if you want to make some extra money with your site.
  • Additionally, you can choose to share related posts from external sites from your blogroll or any other sites you wish.
Step 3: Choose Your Thumbnail Style
  1. Go to Manage Settings > Blogger > Blogger Style Gallery.
  2. Pick out the thumbnail style you want to use and follow the directions to change the style. All you will need to do is some simple copy and paste. Here are some examples of available theme options:
    nrelate thumbnail style 3 nrelate thumbnail style 2
    nrelate thumbnail style 1  
  3. Go to your Blogger Dashboard > Layout and click Edit on the ‘nRelate’ box. An edit box should pop up.
  4. Change the highlighted part of the code to the new CSS code that nRelate provides for you. For example, if you want to use the ‘trendland’ theme, you would change the highlighted code to:

    http://static.nrelate.com/common_b/0.01.0/nrelate-panels-tre.min.css

    nrelate change css

Don’t panic if you can’t see the plugin right away – since it’s hosted on nRelate’s own servers, analyzing your site’s content can take up to two hours, especially if your site is relatively dense in content.
That’s all there is to it! Now you can have a related posts plugin that is not only useful, but stylish too.

About the author
Katrina Ramos is a marketing student and blog-enthusiast based in New York City. She writes about nRelate products. You can find her on LinkedIn.

56 comments to "How To Customize Related Posts Plugin: nRelate for Blogger"

Dave@50plusfinance December 22, 2011 at 11:11 AM    

Most blogs use the standard related posts section at the end of each post. This I like much better because you can have so much customization.

Noir December 22, 2011 at 11:27 PM    

I've been using nrelate for months now and have been really impressed that I wrote about it in my blog. Not as detailed as this, though.

Saeed Khan December 23, 2011 at 12:47 AM    

Thanks for this useful artical

Abang Isaifuddin Abang Noran December 23, 2011 at 9:52 AM    

nice and cool

Nirmal December 23, 2011 at 12:04 PM    

Thanks for the information. i have moved from Linkwithin to nrelate for my blog.

Greenlava December 23, 2011 at 8:47 PM    

@Dave@50plusfinance
I agree. Apart from that I like the plugin's ability to reindex posts, which I think is very much needed.

@Noir
From your experience how do you find the plugin's selection of related posts? I mean in terms of relevancy.

Manish Garg December 24, 2011 at 8:13 PM    

nrelate widget is working nicely on one of my blog, but it is not shown on my other blog.

Noir December 25, 2011 at 12:26 PM    

I'd say very accurate. You get three options. If you choose 'most relevant', some posts will not have related post (if that make sense). so I tend to go for 'more relevant' or 'least relevant'

Omemee Pigeon eFlyer (editor) December 27, 2011 at 7:18 AM    

Great article . Thanks for sharing this. Amazing versatile program. I'll definitely be switching to nRelate.

conference merchandise December 27, 2011 at 6:24 PM    

I agree with your blog that most blogs use the standard related posts.Thanks for sharing this article.

branded items December 27, 2011 at 8:45 PM    

Hi Katrina,

Great article. It was very detailed and useful. I am new at blogging and I find your article informative and helpful to me. I'll check out nRelate for sure. I will make use of your tips and see how it works out for me. Thanks for sharing.

Best Free Blogger Templates 2012 December 28, 2011 at 5:25 PM    

Hi Katrina.

Nice post. I too used nrelate for few blogs. It is a nice tool.

Katrina,  December 28, 2011 at 11:52 PM    

I'm glad my article was helpful to you! Thanks for reading :) and thanks to Green Lava as well.

Reyad December 29, 2011 at 2:45 AM    

I have tried Linkwithin, Outbrain and some other custom script of related post but none of them give me satisfaction. Only after using nRelate, I am happy now. Really amazing product.

Freebie Hunter January 1, 2012 at 4:21 PM    

oh.. thnx buddy.

i have successfully putted it on my site..

OkamiS January 1, 2012 at 4:37 PM    

I like this plugin alot. It would be nicer if it can put at sidebar instead at post footer.

sampath January 1, 2012 at 7:04 PM    

Is Nrelate better than ouybrain and linkwithin?

Ariel Æðelbeorht January 2, 2012 at 2:24 AM    

Tried it -- never worked -- will keep trying though..

Heidi January 3, 2012 at 11:45 AM    

Just installed it, hope it works!! Thanks so much for the easy tutorial, I never even thought about doing this until I stumbled upon your post! :)

Yaadein January 12, 2012 at 5:22 AM    

Just installed it and it worked in 10 minutes. Really appreciate your post to help me in setting this. Right now I have them in sidebar. Planning to move them below each post. My site contains poetries only in posts so which place do you think will be better for related posts link.

smartphonedipz January 17, 2012 at 1:39 AM    

Yes it is working fine for me.Great tutorial once again.I really enjoyed it.Thank you

Pravin February 5, 2012 at 5:39 PM    

I tried too many related post tricks but didn't worked any thing. May be because too many coding and customization of template. Sometime i had to reinstall all things because of errors. Still then nothing is working. So finally i came here and now singed up for nRelate. My blog is being indexed. Lets hope everything go fine and work for my blog.
BTW, Thanks for this nice and easy tutorial, that do not have any copy paste code. Link share NOT have any customization so its not good for my blog to have related post on homepage.

toptrix.net February 5, 2012 at 5:54 PM    

OMG, ITS Working FINE. Thanks a lot sir. This is great. The exact way i really wanted to have. Thanks a lot again.

Watch Online Movies Free - Click Me February 9, 2012 at 11:24 PM    

Great tips! but I rather not to choose any third party widgets like linkwithin or nrelate since you can not utilize the internal backlinks within your site. The problem with this third party widgets is that they redirect your urls.

Greenlava February 13, 2012 at 11:46 PM    

@Watch Online Movies Free
Unlike LinkWithin, nRelate does not redirect. Having said that I doubt it passes link juice to the related posts, due to them being Javascript-based.

Helen Nellie February 15, 2012 at 12:10 AM    

Very helpful post, thanks for sharing

Waggler February 17, 2012 at 2:25 PM    

For some reason this is not working on my site (www.iwaggle3d.com)

No idea why.

LinkWithin works (haven't deleted the code yet), but not nRelated

Waggler February 17, 2012 at 2:39 PM    

nevermind it's working now. Need to figure out how to place it below it current position

Waggler February 17, 2012 at 10:35 PM    

Well, turns out this didn't work as expected.

It shows up in some posts but not in others and I can't find a way to move it around so that it replaces my current Linkwithin widget (it would normally appear right after the post, instead of below the social buttons).

I must be doing something wrong.
I've removed it for now.

Gina February 29, 2012 at 8:55 PM    

Where is the Nrelate box supposed to appear after I click on "Design"?

Greenlava March 1, 2012 at 8:59 AM    

@Gina
I think it's in the sidebar, or footer if you have one.

Funny Gypsy March 16, 2012 at 1:20 AM    

Thank you so much! Brilliant information here - nrelate is the best, was up and running in 10 minutes! I tried linkedwithin for over 2 weeks (and mailed support 3 times over as images were not showing - got no help at all!). Thank you for nRelate and for spreading information about it!

prateek March 23, 2012 at 3:25 AM    

THANK YOU VERY USEFUL :)

Anonymous,  March 28, 2012 at 4:30 PM    

thanks green lava what does it mean the nrelate plugin in home page?

Greenlava March 29, 2012 at 8:26 PM    

@Anonymous
The homepage of your blog is where the most recent posts appear. This is my homepage: http://www.bloggersentral.com/
Most people don't want related posts to appear on homepage. One of the reasons is it slows down page loading, due to multiple sets of related posts.

NpTechs April 7, 2012 at 12:01 PM    

Thanks green lava for the info

Putri May 6, 2012 at 11:53 AM    

Thank you, I never know about this before.

Gilbert Canda May 15, 2012 at 8:33 PM    

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

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

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

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

jayrweblog June 8, 2012 at 12:01 PM    

wow.. thanks for this, i am going to change my linkwithin with nrelate.

TEKNİK REHBER June 13, 2012 at 2:01 PM    

Hi, tried to put nrelate under my header but it did not work. How can i do it?

Farhan July 5, 2012 at 2:50 AM    

Very nice article. Could you please let me know how have you modded the nrelated widget in the form of square? I want to use it in the way, you have used it on your blog. Any help would be appreciated.

Thanks

Greenlava July 7, 2012 at 2:04 PM    

@Farhan
Just set the nRelate placeholder to your desired width by going to Layout > Customize > Advanced > Add CSS and add this:
#nrelate_related_placeholder {width:300px;}

change the width as you wish. The overflowing related items will drop to the next line automatically.

Augustus July 18, 2012 at 8:37 AM    

am about to try this out for my new website, hopefully it would work for me.

Krvava Meri July 20, 2012 at 4:16 AM    

I've been solving a "related posts for Blogger" problem for a whole day today. Thank you so much for this tutorial. It was most helpful. :)

The girl in Oslo August 2, 2012 at 9:42 PM    

love love this widget i have been on the lookout for something like this for a long time :)

Thank you:)

حمادة اللق September 14, 2012 at 5:28 PM    

thank you Greenlava the widget is awesome but i've one problem
when i choose posts only the related article don't appear
when i choose advanced the related articles appear in site i don't want
take a look here

eri October 13, 2012 at 8:47 AM    

i have some problem with this plugin. its not so automatically indexed my new post...i need reindex every time i make a new post..:(

BULOGJR November 7, 2012 at 10:23 PM    

it works fine, my only problem is the nrelate thumbnail that mixes with the related post thumbnails (the one that has the nrelate logo), can i remove it?

Anonymous,  November 24, 2012 at 5:55 AM    

Thanks i tried it on my blog and it is looking niceTechween

Tricks Central November 29, 2012 at 2:51 AM    

It is much better than linkwithin post widget. What about the earnings through this widget?

marzuki December 5, 2012 at 12:58 AM    

Thanks for sharing the information.

Supercoolzz December 5, 2012 at 11:34 AM    

nice..:)

Durai Sankar January 26, 2013 at 3:28 PM    

Which is best nrelate or linkwithin.anyone please suggest me

Greenlava January 30, 2013 at 10:33 AM    

@Durai Sankar
I prefer nRelate.

Tamsil Lunto March 1, 2013 at 10:45 AM    

i had been waitng for i day, but this pllugin still not working,
do you have ny solution please???

zdienos March 1, 2013 at 6:49 PM    

Great article. It was very detailed and useful. I am new at blogging and I find your article informative and helpful to me. I'll check out nRelate for sure. I will make use of your tips and see how it works out for me. Thanks for sharing.

Post a Comment

We love to hear from you! Leave us a comment.

To ensure proper display, HTML/XML/Javascript need to be escaped first using this escape tool.

Click to go to top Click to comment