How to add/show widget for related posts in blogger at the bottom

·

·

, ,
Hi every one, today m going to share an another useful seo tricks for the blogger. its to add stylish widget for related posts in blogger.

there are many methods for this. one has to add several codes in blogger for this. m sharing one of the simplest method..

Setup Related post Widget in Blogger/Blogspot.

I am suggesting you a very easy-to-setup online service which will add related posts under your Blogger Blog posts in two minutes only. The service is provided by LinkWithin which adds beautifully laid-out related posts with thumbnails under each post on your Blogger blog. Many bloggers don’t like this service to use on their blogs due to the addition of LinkWithin attribution link which the service puts with the post suggestions to promote itself. I will provide you a piece of CSS code which will remove LinkWithin Attribution Link..
1. First of all visit http://linkwithin.com and provide your blog URL and other details to fill out the form, select Blogger as your platform and click on Get Widget to proceed to the second and final step
2. In this step, click on Install Widget link. You must logged into your Blogger blog dashboard during this step. If you aren’t, provide your login credentials after clicking the Install Widget link. Once you reach your Blogger blog dashboard, select your desired blog, to which you want to add related posts and then click on “Add Widget”. In the next page, Save Arrangement of your blog’s layout. You are all done!!! (see the image)

now visit any post on your blog. You will see related posts suggestion with thumbnails at the bottom of your posts. Now next step is to remove LinkWithin Attribution Link. If you feel comfortable with the link, then you might decide to leave this link as it is. It will credit the developers. But if you don’t want to keep this attribution, below is the CSS code and procedure which will remove LinkWithin Attribution Link.

How to Remove LinkWithin Attribution Link from Related Posts on Your Blogger Blog

1. To remove the LinkWithin attribution link, login to your Blogger blog dashboard, select your blog and then select Template from the sidebar list. After that, click on Customize
 

2. In the next window, click on Advance, then on Add CSS and paste the below provided CSS code in the box. 



CSS CODE FOR REMOVING THE ATTRIBUTE WILL BE :
.linkwithin_outer div[id^=’linkwithin_logo’] 
{display:none;}


After pasting the code, click on  Apply to Blog button on right top corner. You have removed the attribute now.

How to hide related posts from Home page and to show only after clicking on posts title :
 
If you don,t wanna show related post by linkwithin on Home page, and want to show related posts only when some one clicks on a post title then do following steps :
1. Go to blogger dashboard.
2. Go on template and click on edit html option
3. find the following code( for simplicity find linkwithin you will see this code)
<b:widget id='HTML1' locked='false' title='LinkWithin' type='HTML'>
<b:includable id='main'>
<data:content/>
</b:includable>
 
4. Now replace the above code with code given below :
 
<b:widget id=’HTML1′ locked=’false’ title=’LinkWithin’ type=’HTML’>
<b:includable id=’main’>
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<data:content/>
</b:if>
</b:includable>
5. save the template.

Have done..Enjoy

Recommended – Must add Alexa Widget in Blogger

 



Leave a Reply

Your email address will not be published. Required fields are marked *

12 responses to “How to add/show widget for related posts in blogger at the bottom”
  1. Wali Khan Avatar

    this is test comment.

  2. sanjay choubey Avatar

    thnx

  3. Jyoti Chauhan Avatar

    You shared always great tricks for blogger. It is useful post for me and another bloggers. Thanks for this great sharing.

  4. sanjay choubey Avatar

    you are welcome Jyoti. thanx to appreciate. M happy to see you here…!!

  5. jaimin rafalia Avatar

    Nice post. by this ways any blogger can increase there pageviews. Pageviews are the big factor for any blogger. It will help to stay more time on blog.

  6. sanjay choubey Avatar

    Yes dear you exactly said the benefits for adding related posts in Blogger. B e in touch for more tips and tricks.

  7. Jyoti Chauhan Avatar

    Hi Sanjay,

    Today I have added author box in my blog But I want it should be appear above related post now it is appearing in below side. Please tell what I did so that it would be appear above.

    Regards
    Jyoti Chauhan

  8. sanjay choubey Avatar

    dear use this link
    http://techethix.blogspot.in/2013/07/stylish-related-posts-widget-for-blogger.html
    and post the author code below
    and after placing your code for related posts.

    If you are using linkwithin just copy the code
    and place it after author code. donot install
    it do it manually.

  9. sanjay choubey Avatar

    Jyoti you need to re install author box and place author
    box code below if you wanna use this related posts by linkwithin. feel free to ask if having any problem. Rohit you welcome bro.

  10. Jyoti Chauhan Avatar

    Hi Sanjay,

    I am trying to do when you mentioned above in your reply but nothing is appear at my blog means no changes.I am trying again with linkwithin.

    Thanks
    Jyoti Chauhan

  11. sanjay choubey Avatar

    Dear do that in a right way. see my blog i have done for my posts.

15 Years Experienced SEO freelancer
Call me at – 8802309980 or WhatsApp Now