How To Add Manually LinkWithin Related Post With Thumbnail In Blogger?

Blogger having new blogger bugs that automatic add to blogger widget is not working, and hence many blogger users are unable to add LinkWithin Related post with thumbnail in blogger blog.This post will show you how you can able to add it manually in blogger. I have added JavaScript base widget generator in this post which will reduce your efforts. for the purpose of engaged your visitor in you blogger blog this will be one of the best way. The post thumbnail will appear only on post page(no home page). that will reduce your home page loading time.

How To Add Manually LinkWithin Related Post With Thumbnail In Blogger?

Step 1: Go to LinkWithin.
Step 2: Fill Up The Detail Like Email, Blog Link, Platform, Number of Story etc


Step 3: Click on Get widget button, than another page will appear in which you are required to click on install widget link see following screenshot.


Step 4 : Find and copy your linkWithin site id.(be sure that you copy your own Id)


Step 5 : Paste copied site id in following widget and click on generate button. (make sure that you select complete entire code)
Step 6: Copy generated code.
Step 7: Log in blogger account and backup your blogger template ( How to backup blogger template? )
Step 8: Now Go To blogger dashboard > Template > Edit HTML > Proceed > Tick on Expand Widget Templates.
Step 9: Find </body> tag by pressing Ctrl+F.

</body>

Step 10: Now just above </body> tag paste code which we have copied in step 6 code.
Step 11: Find Following code by pressing Ctrl+F

<data:post.body/>

Step 12: Just Below that code paste following code.

<b:if cond=”data:blog.pageType == &quot;item&quot;”>
<div class=”linkwithin_div”></div>
</b:if>

Β Step 13: That Set, Save Template.
See your blog, Related post with thumbnail will only appear on post page (Not on home page) so that it will reduce loading time of your home page. πŸ™‚

Feed Back

Your feedback is most important for us. Kindly share your views, suggestions, query or anything that you would like to share with us, Just comment it below. We love it a lot. πŸ™‚

42 thoughts on “How To Add Manually LinkWithin Related Post With Thumbnail In Blogger?”

  1. Thank you so much! After several failed attempts from other tutorials, I was FINALLY able to get this to work on my blog. I did however have to go back and remove the linkwithin widget from my layout to get it to work.

    Reply
  2. U write an article on very good feature. But i think it can also done with CSS. For me that was more easy way. Hope others will also know it how it can be done

    Reply
  3. excellent points altogether, you just gained a new reader.
    What would you recommend in regards to your put
    up that you simply made some days ago? Any sure?

    Reply
  4. I get the following error: Open quote is expected for attribute “cond” associated with an element type “b:if”.

    Reply
  5. I’m terrible at this. When I try to do this, something like this pops out:
    Open quote is expected for attribute “cond” associated with an element type “b:if”
    and I have no idea how to correct it (or what’s wrong).

    Please help?

    Reply
  6. Hi,

    I follow exactly the step, but Linkwithin fail to show the thumbnail and other related post.Can help?

    Reply
  7. HI, i had observed your site and come to conclusion that your template formation is like such that creates a problem for you, you will find multiple code of step 11 inside your template than find the accurate code by try and error technique and paste the step 12 code under it. save it ( Dont forget to read the note that appearing at bottom of this post )

    Reply
  8. Hi Umesh. I had a same problem that the script not showing up until I change the quotes (“) manually. And it works very nice. Thanks a lot for the tips πŸ™‚

    Reply
    • thanks andito for landing on this post, glad to know that this tricks is worked on your blog, the quotes issue is just solved, now you can use any of tutorial of this blog without any disturbances.

      Reply
  9. Where do I find a linkwithin site id?

    After putting in blog url, platform, email, and # of posts etc, and try to generate a code by clicking add widget,nothing populates in the edit content on the next page where the code would be.

    Reply
    • try once again. In step 3 open that “install link” in other tab, if you find field appearing blank, than once again open in the tab this time you will surly find your linkWithin site id. All the best (if still you find the same issue, than wait for few days and try it again. It might possible that linkedwithin site having problem.)

      Reply
      • I think I found site ID but I was trying to manually add the code and 1. I’m having an issue backing up my template. I think I did it but not sure as the code doesn’t look as long as the html code when you go to edit html. Once I go to that, I can’t figure out where to add the code that I generated from your post. There is no “Proceed > Tick on Expand Widget Templates” on my template.

        Reply
  10. hi..im jand, i want ask why thumbnail related post when i click its show “Sorry, the page you were looking for in this blog does not exist”, please help me..ASAP

    Reply
  11. Hi Umesh, this was just what I was looking for! I already had the code installed and just want to remove it from my home page and have it show on the full post but after installing the code after it’s still showing on my home page. What did I do wrong? Do I need to remove the linkwithin and start over? I would appreciate any help you can give me. Thank you!

    Reply
  12. Hi, I can’t find the tags needed in steps 11 and 12 using the Ctrl F function, does that mean my html doesn’t have the same layout as others? thanks

    Reply
  13. My linkwithin thumbnails have disappeared on both of my blogs and the linkwithin site appears to be down. I can’t seem to find any info as to why. Have you heard or read anything? Should I hunt for another service?

    Reply

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.