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

Comments

  1. says

    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.

  2. says

    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

  3. says

    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.

  4. says

    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

Leave a Reply

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