Home» »How to show Linkwithin Related Post only on the Post Page in Blogger

How to show Linkwithin Related Post only on the Post Page in Blogger

Using LinkWithin to display related posts in blogger is the most easy way to display related posts complete with thumbnails. However, by default these related posts will appear on your homepage right below every single post and that's makes your blog looks unprofessional. Well here is a way how to display LinkWithin Related Posts only on post pages. As an example you can look to my blog, there is no related post showing on my homepage.

Step 1 : Go to LinkWithin.

Step 2 : Fill up the Form with your email, Blog Link, and select Platform to Blogger, Width for how many story/post will show on the related post. After you fill it up, Click on Get widget button to go to the next process and you will brought to the new page. (Look at the screenshot below as example)


Step 3 : After that, the new page appear in which you are required to click on install widget link. (Look at the screenshot below as example)


Step 4 : Find and copy your linkWithin site id. (Look at the screenshot below as example). At this step, we dont need to click the Add Widget button, just to get your LinkWithin ID. Let's leave this page alone for a moment, while we proceed to the next step with the other tab of the browser. Or you can copy then paste the site ID to notepad.


Step 5 : Go To blogger Dashboard > Template > Edit HTML.

Step 6 : Find </body> tag by pressing Ctrl+F.

Step 7 : Now just above </body> tag, paste the code below.

<b:if cond="data:blog.pageType == &quot;item&quot;"><script>var linkwithin_site_id = 1788727;(function () {var elem = document.createElement(&#39;script&#39;);elem.type = &#39;text/javascript&#39;;elem.src = &#39;http://www.linkwithin.com/widget.js?rand=&#39; + Math.random();document.getElementsByTagName(&#39;head&#39;)[0].appendChild(elem);})();</script><a href="http://www.linkwithin.com/"><img alt="Blog Widget by LinkWithin" src="http://www.linkwithin.com/pixel.png" style="border: 0;" /></a></b:if>

Step 8 : Replace the red number with your LinkWithin ID.

Step 9 : Then use the code below to reposition related post to fit the desires and html structure of your template, so the related post will appear exactly where this code is placed. The related post will appear at the default position (right below the post) if you don't use this line in your template.

<div class='linkwithin_div'></div><!-- link within -->

About Author:

Rahman Kurnia is a blogger, SEO fighter, who loves PHP, CSS, HTML and interested in js, ajax, c++ and much more. He love writing something informatif to help others, and to keep his knowledge on the internet.

Follow him @ Twitter | Facebook | Google +

0 comments:

Post a Comment

Like us on Facebook
Follow us on Twitter
Recommend us on Google Plus
Blog Widget by LinkWithin