LinkWithin Related Stories (Posts) Widget "How to install in Blogger"

LinkWithin is a widget that links to related stories from your archive under each story on your blog. This widget links to stories that are relevant and interesting to readers of a particular story, keeping them engaged with your blog, and therefore increasing page views and traffic.

As you all know, this blog's tradition is to share to its readers our knowledge in tweaking, be it on certain applications or softwares and even on templates. What we are sharing now are two methods of installing LinkWithin in your blog.


Method No. 1: Normal installation for blogs using unmodified template.

1. Go to www.linkwithin.com.
2. In the boxes provided for, put your email, blog link and platform (Blogger).
3. Click "Get Widget". A new page will open.
4. Click "Install Widget" to open Blogger in a new window, and follow steps 2 and 3 in that window. Login if required.
5. Select a blog if you have more than one, then click "Add Widget".
6. Click Save.
7. In your Blogger Layout, drag and place the LinkWithin element to the bottomest part to ensure that page loading is not affected. The reason is that LinkWithin will gather relevant information and thumbnails which might take a few seconds, but of course it depends on the connection speed of your visitor. Don't worry because everything in it is hidden so it isn't going to disarrange your template.
8. Save and you're good to go.

Method No. 2: Advanced installation for blogs using modified template, particularly those with "Read More" installed.

Note: This is very important as it will show the Related Stories and thumbnails under your post after clicking "Read More" and not under "Read More" while it is on the "summary" state, so please follow carefully.

1. Go to www.linkwithin.com.
2. In the boxes provided for, put your email, blog link and platform (Blogger).
3. Click "Get Widget". A new page will open.
4. Click "Install Widget" to open Blogger in a new window. Login if required.
5. Unlike in Method No. 1, you don't have to click "Add Widget". Instead, click and expand "Edit Content".
6. Take note of the LinkWithin Site ID assigned to your widget. Write it on a piece of paper if desired.
7. Now, in your Blogger Layout page, go to "Edit HTML" and click "Expand Widget Templates".
8. Look for <div class='post-footer'> (press Ctrl+F to find) and paste the following code ABOVE it:
<b:if cond='data:blog.pageType == "item"'>
<div>
<!-- LinkWithin Widget BEGIN -->
<script type='text/javascript'>
var linkwithin_site_id = [LinkWithin Site ID];
(function () {
var elem = document.createElement('script');
elem.type = 'text/javascript';
elem.src = 'http://www.linkwithin.com/widget.js?rand=' + Math.random();
document.getElementsByTagName('head')[0].appendChild(elem);
})();
</script>
<a href='http://www.linkwithin.com/'><img alt='Related Stories Widget by LinkWithin' src='http://www.linkwithin.com/pixel.png' style='border: 0'/></a>
<!-- LinkWithin Widget END -->
</div></b:if>
9. Replace [LinkWithin Site ID] with your own Site ID in #6.

10. Click "Save Template" and you're done.

The LinkWithin widget is free and ad-free. No signup required! By the way, if something went wrong in Method No. 1, LinkWithin has a link for reporting your problems. It's on their website.

I hope you are successful on the second method because we were, as evidenced by the related stories and thumbnails shown after this post.

"Ten Best Posts of the Year" verification code: PBA09o095946