Add nRelate Below Every Blogger Post Pages—Walk Through


nRelate logo
Yesterday i posted a comparison between nRelate and LinkWithin related post widgets. Today we will be looking into few easy steps by which we can add this cool plugin to our Blogger blogs by following these few steps.

As i mentioned yesterday, that you can install the plugin without registering to nRelate website, but the draw back would be that you wont  be able to customize the widget as per your liking. So follow the steps below including registration.



Step 1: Register for nRelate Partner Login (Free)

Go to nRelate website and click Partner Login as shown in the picture below.

nRelate Login

 Step 2: Installation Time!

Now hover over Install button and click Blogger. A field would appear where you have to provide you blog link where you want to add nRelate widget. Then click submit.

submit blog url


1. Now click Advance version (to be able to edit the plugin later)

nRelate install on post only2. Now it would ask you whether you want to add it to your post pages only or on main blog page too. So people normally only use the related post widgets on post pages only, so thats recommended for you to do so as well.

Finally it would open up a widget called Add page element. There are 2 sections. Enlarge the section that says Edit Content as shown below.

nRelate Add page element

You have to delete the code in orange as shown below.

<style type="text/css">@import url(http://static.nrelate.com/common_b/0.01.0/nrelate-panels-default.min.css);</style>
<div id='nrelate_related_placeholder'/></div>

So now your finaly code would be:

<style type="text/css">@import url(http://static.nrelate.com/common_b/0.01.0/nrelate-panels-default.min.css);</style></div>

 Step 3: Save The Widget

Click Add Widget button and its all done. :) Hope that was easy to follow.

Customization Time! (Optional)


nRelate customization

Now see, you can play with couple of settings from nRelate website. As you apply the change there, the plugin would automaticly be updated on your blog. For customization, go to Manage Tab button (after login) >> Blogger and follow up there. When you are done playing with the settings, dont forget to click save below the very page.

Enjoy the new great plugin guys.

Cheers..

NOTE: Do not copy the codes provided here in the posts as they are only for reference purpose to explain the process. Get the widget from the website as it would be used for future customizations.



Guest Post by Hassam Ahmad Awan. MBT's Gold Star Guest Author.

Need Quick Help within 24 Hours? ASK NOW



If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »

27 comments : Post Yours! Read Comment Policy ▼
PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with 'Links' will be deleted immediately upon our review.

  1. Thak You Brother, i did it.. :)

    ReplyDelete
  2. bro i need in coding format to paste into my blogger not in widget format,because it displays under my comment box bro,

    this is my site bro www.techradarinfo.blogspot.com

    can u help me bro ????

    ReplyDelete
  3. bro i need another help also,my related post widget in text format its not working properly, i changed the Max result= 3 but still not wortking,i need the related post coding to display the related post in text format bro u have any idea about this dear bro

    www.techradarinfo.blogspot.com

    ReplyDelete
  4. bro i need another help from u,i get related post coding from other and put it my blogger www.techradarinfo.blogspot.com,but i does not works properly,i assigned max result =5 but displays 10 to 15 related posts,So bro u have Realted Post coding to display the Related post in Txt format bro,if u any idea about this please reply me bro

    ReplyDelete
  5. Thanks, I understand what to do. :)

    ReplyDelete
  6. @ Muxlimo

    My pleasure bud

    @ Tamil

    As i mentioned in 2nd step of the post, that you need to delete some section of the code and then proceed with saving the widget. If its not deleted, the widget would appear below the comment section.

    Hope that helped.

    @ Tamil

    Buddy make sure that you save the changes that you make on the nRelate customization pannel, as i mentioned in the post.

    @ Abu Shaleh

    My pleasure friend. Glad for you.

    ReplyDelete
  7. Thanks Mustafa... Awesome and better alternative than Linkwithin

    Replaced!

    ReplyDelete
  8. I did exactly as instructed, but it is not showing:( wondering why...
    My blog is Just like that...

    ReplyDelete
  9. Shared the useful widget with my readers as well and listed some benefits of using nR (linked to your post as well). Here it is:

    http://rumiiqbalandme.blogspot.com/2011/10/related-post-widgets-nrelate-is-better.html

    Thanks :)

    ReplyDelete
  10. Thank u so much... It works perfectly...

    ReplyDelete
  11. hello bro i have problem the related post appears on the body of the post i wanna change the widget placement after the post not in post. Can u give suggestion please here is my website wwww.wackyparadise.com got the post page you will easily understand what is my problem

    ReplyDelete
  12. Thank you Mohammad for the incredibly helpful, step-by-step post. We wish you and your readers a safe and happy holidays!

    ReplyDelete
  13. Its Doesn't work for me :'( IDK what to DO :( http://ginilihiniya.blogspot.com/

    ReplyDelete
  14. Bro can u tell me how to place nrelate just below the post on the right hand side. As you have placed it. N how to customize it's text and color etc. ?

    ReplyDelete
  15. Mine shows above the post. how to change it please.

    ReplyDelete
  16. i had read your previous article, nrelate vs linkwithin. it was good, and from these article i came to know the steps. and this steps are easy. alcoholic help

    ReplyDelete
  17. hi,i had read with all the steps, the steps are good, i was stucked in 2nd step. web design bangalore

    ReplyDelete
  18. i felt nrelate is good, compare to others, its good to hear more information. ink cartridges cheap

    ReplyDelete
  19. good post. useful information for the incredibly step-by-step post. thanks for sharing this post.

    Web design company Bangalore

    ReplyDelete
  20. great post. Thanks friend. Awesome and better alternative than Link within. thanks for sharing this post.


    Web design company chennai

    ReplyDelete
  21. If it's okay I'd would like to ask for help, If you could see in my blog's homepage the nrelate is posted below the post/s, which does not look good since it's only a small snippet of the post. Do you have any idea on how to remove the nrelate on the homepage (summary posts) and just see them in the individual(complete) posts.

    Thank you!

    http://moviesandmystories.blogspot.com/

    ReplyDelete
  22. Dear Hassam, I applied it to my website but I can see it at all. Can you help me please to fix this. Thank you!

    ReplyDelete
  23. Very informative, thanks for sharing this. http://www.nuvodev.com

    ReplyDelete
  24. Very nice article, exactly what I needed...By PSY 201 Week 3

    ReplyDelete
  25. thanks for sharing this tip.....i now have nrelate working fine on my blog......thanks

    ReplyDelete
  26. thank u very much is rocking well on my blog http://aprokogist.blogspot.com/

    ReplyDelete