• How To Add LinkWithin Related Posts to Your Blogger Blogspot


    If you're using a standard, uncustomized Blogger template, the method for installing LinkWithin is fairly straightforward. Simply visit the LinkWithin website, fill in the form on the right-hand side (choosing Blogger as your platform) and follow the instructions provided.

    This will install the related posts in your template as a gadget beneath the main posts section, though you'll find the "You may like these related stories" section will be displayed beneath each of your blog posts (before the post-footer section). It will also display on each and every page of your blog, including the main, archive and search pages.


    Custom Installation of LinkWithin for Blogger templates

    If you prefer to display your related posts only on item pages or have a customized, non-standard Blogger template, here is how you can install LinkWithin:
    1. Visit the LinkWithin website and fill in the form on the right-hand side. For the "platform" be sure to choose "Other":
    On the next page, you will find a script like this is generated. From this code, you need to write down your unique "site ID" for later use (or copy this to your favourite text editor):

    1. Once you have a note of your Site ID, go to Layout>Edit HTML in your Blogger dashboard and ensure you have checked the "Expand widget templates" box.
    2. Using your browser's search function, locate this tag (or similar) in your Blogger template code: <div class='post-footer'>

      Depending on the template you are using, this tag may vary slightly though you should usually be able to locate 'post-footer' in your template code.
    3. Immediately before this line, paste the following section of code, replacing "YOUR_SITE_ID" with the ID number you have noted down for your site:

    <b:if cond='data:blog.pageType == "item"'>
    <script>
    var linkwithin_site_id = YOUR_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 src="http://www.linkwithin.com/pixel.png" alt="Blog Widget by LinkWithin" style="border: 0" /></a>
    </b:if>

     


  • Preview the changes you have made before saving your template. The LinkWithin gadget should not display in the preview; furthermore, if there are any errors in the installation you will be able to see before attempting to save.




  • If all is well, save your template and visit an item page in your blog: you should be able to see related posts showing up beneath your blog posts.




  • 4 comments:

    1. hi,
      how to make linkwithin double. i mean 1 on the header and 1 at footer or any place according to widget placement. i see some guy do but i cannot figured out hw to make

      very much thanks.

      ReplyDelete
    2. Great post! LinkWithin usually installs in your blog as a Page Element. It will display in both main page and post page.Your guide is the best help for adding linkwithin related posts.
      website design

      ReplyDelete
    3. Thanx!!! Too Easy Explain Posting!

      ReplyDelete
    4. Thanks for this post. Related post widgets play an important role in a blog. Thanks I'm using blogger default templates. So this Related post widget helps me most.

      ReplyDelete