How to add/show widget for related posts in blogger/blogspot

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 == "item"’>

<data:content/>

</b:if>

</b:includable>

5. save the template.

Have done..Enjoy

Recommended – Must add Alexa Widget in Blogger

Comments

Wali Khan says

May 13, 2013 at 3:55 pm

this is test comment.
sanjay choubey says

May 13, 2013 at 5:10 pm

thnx
Jyoti Chauhan says

June 30, 2013 at 4:13 pm

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

June 30, 2013 at 6:38 pm

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

July 24, 2013 at 5:15 pm

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.
sanjay choubey says

July 24, 2013 at 9:25 pm

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

July 27, 2013 at 7:50 am

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
sanjay choubey says

July 27, 2013 at 8:21 am

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.
Rohit Asare says

July 29, 2013 at 4:21 pm

view full demo here, dear, thanx sanjay 4 adding ma blog link
sanjay choubey says

July 29, 2013 at 5:00 pm

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.
Jyoti Chauhan says

July 30, 2013 at 5:31 am

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
sanjay choubey says

July 30, 2013 at 5:40 am

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

Comments

Leave a Reply

Recent Posts

Thank you