How To Fully Customize And Edit The LinkWithin Related Posts Gadget



The Link Within Related Posts With Thumbnails Gadget is hugely popular among bloggers using every blog platform.With no code needed to add the gadget to your blog and the script automatically generating the posts to be listed Link Within is easy to use and effective.However there are some changes you may like to make to the gadget in terms of appearance, Text and Position of the gadget.In this post we will see how to do the following.

Note – We recently published a similar related posts with thumbnails script with no number of posts limit and other extras : New Blogger Related Posts With Thumbnails

Options And Settings

1. How To Get The Link Within Gadget – How To Easily Add The Gadget To Your Blog.

2. How To Change The Text That Appears Above The Gadget – Change The Default Heading Text (By Default The Heading Is ‘You May Also Like’).

3. How To Place The Gadget In Different Positions Below Your Posts – By Default The Gadget Appears Below The Last Line Of Text In Your Posts But You Can Move It.

4. How To Have The Gadget Appear On Post Pages Only – If You Use The Read More Post Summary’s You Can Hide The Gadget On The Home Page.

5. How To Remove The LinkWithin  Link Below Related Posts – You can remove the link to LinkWithin, I don’t recommend this as I think they deserve the credit but I will leave it up toyou.

1. How To Get The Link Within Related Posts With Thumbnails

Adding the gadget to your blog is quick and easy.First follow this link to the Link Within Website.On the homepage fill in your Email, Blog URL, Platform (This Tutorial Is For Blogger) and number of related posts you want displayed.For most Blogger templates you should display 4 posts.Click Get Widget (You May Be Required To Add Your Blogs Rss Feed).You will now be directed to the second installation page.

*Click Install Widget for blogger to pop up in a new window.
*Log in if required.
*If you have more than one blog choose the blog you want the gadget added to.
*The widget title will be Link Within as shown below but i advise leaving the title blank.
*Click add widget as shown below.

Move Gadget – On your layout/design page move the gadget below the posting area as shown below.

The gadget has now been added to your blog.

2. Change The Title Of Link Within Gadget

By default The Text above the related posts is “You May Also Like” but you can change this.

A. In you dashboard click Design/Layout > Edit Html.

B. Find The Following Piece of code in your blogs html.It wont be hard to find it’s at the very top :

<head>

C. Copy The Code Below And Paste It Directly Below <head>

<script>linkwithin_text=’YOUR TITLE TEXT HERE:'</script>

D. Replace YOUR TITLE TEXT HERE with the title you want displayed and save your template.

3. Move The Position Of The Gadget Below Your Posts

If you have a number of gadgets below your posts like social bookmark buttons, AdSense or Rss options you may like to move the Link Within Related Posts Widget.Here is how you can place the gadget into position.

A. In your template place the following code were you want the gadget to be displayed :

<div class=”linkwithin_div”></div>

Save your template.

4. Display The Gadget In Only The Post Pages On Your Blog

If you use the read more post summary’s on your blog you will want the gadget displayed on the post pages only.Check out this post in which i go into detail on Showing gadgets in post pages only.

5. Remove The Link Within Link Below Related Posts

Add the following Css to your blog :

#linkwithin_logolink_0 {display:none;}

That should help you get the most from the great Link Within related posts gadget.

83 comments:

  1. Thansk for this post, very useful info!!!
    Linkwithin is very good stuff and I chosed it for my blog: http://www.happysysadm.com/
    Carlo

    ReplyDelete

  2. Bro. How i remove the link of the linkwithin under from the gadget…!!

    ReplyDelete

  3. @ Pree T – The link is built into the script so without uploading the script, changing it than hosting it you cant remove it.Link Within is a great free service i think ther deserve the link 🙂

    ReplyDelete

  4. yeah its right bro.. but like in your blog no link is shown howz it is mai i know bro. i need it because…!!

    ReplyDelete

  5. @ PreeT – Hi Again, sorry i see what you were thinking now.The related posts i use are not actually from Link Within.It looks the very same but it a script from Yahoo Pipes that shows related posts based on the labels used.Now that you have brought it to my attention i will publish a post showing how to add it to your blog this week..

    ReplyDelete

  6. thnxx bro. but do it soon i need thats 1 script….

    ReplyDelete

  7. Paul@ bro. is u upload the related post script….
    which u use plzz….!!!

    ReplyDelete

  8. @ Pree T – It Will Be The Next Post I Promise 🙂 I have been working to improve the code.

    ReplyDelete

  9. okk paul bro. actually i launchh my website on 25 dec. js waiting for your post and i finish my final design of blog…!! hope u wil upload soon…!!!

    ReplyDelete

  10. one thing more to know bro. from u…!!
    how i was set the no. of posts display on one page in Archives (blogger)..!!

    ReplyDelete

  11. Thank you for the tutorial.

    ReplyDelete

  12. this is a nice gadget; but, when I started using it. I noticed it interfered with the followers gadget. So, what to do?

    ReplyDelete

  13. @ Lee Ann – I use it on a few blogs and never had trouble with the Followers gadget so i don’t know what is happening to your blog.You could try this gadget instead – Related Posts With Thumbnails.

    ReplyDelete

  14. GREAT tutorial. Exactly what I was looking for! Thanks!

    ReplyDelete

  15. alright. i just tried this and it worked! but the problem is it’s only working properly on every other post. the first post displays properly, with post titles and pictures and the second one on the page only has titles in a list.

    any suggestions?

    http://chotapeeleeauto.blogspot.com

    ReplyDelete

  16. @ kkp – I seen it but dont really know why it’s happening im afraid.It is a problem with how Link Within code handles you page but we dont really have control over that.At the top of this post i have a link to a different related posts with thumbnails you might want to try.

    ReplyDelete

  17. Hmm, it’s showing twice or three times with all my posts.. it seems to respond to the < d i v class=”post text”> and if I use that multiple times it appears as many times.. is there an easy way to change what LinkWithin responds to?

    Also, I noticed it adds the first picture of my page to stories without a picture, but I’d rather use another one.. is there a way to tell it which one to use in those cases?

    ReplyDelete

  18. Thanks so much for always providing such easy-to-understand instructions in your how-to-posts. I’m a Blogger newbie and I think I spend almost as much time here learning as I do writing posts for my blog!

    ReplyDelete

  19. Oops…I need your help, please. I added the Linked Within gadget and it’s perfect on my home page, but I just noticed a problem with it on my archived pages.

    On the archived pages, the “post a comment” link text and the “Create a Link” link text are now superimposed on the Linked Within images. (They appear on the Linked Within images, not below them.)

    What do I need to do to change that?
    Thank you!

    ReplyDelete

  20. How can I hide the linkwithin button at the end of the widget. It looks worse and people could accidently click on it.

    ReplyDelete

  21. How can I move the linkwithin gadget show it shows up below my post footer? (rather than above it)

    ReplyDelete

  22. Thanks for the help! I do have one question though – I’ve changed some of the lead images and titles in my previous posts, but through the LinkWithin widget, it refers to the original title or picture. Is there anyway to refresh this?

    Cheers!

    ReplyDelete

  23. I want to move the linkwithin gadget below my “tags” line I have a wordpress blog.. Can you help? Thanks!

    ReplyDelete

  24. Hi,
    I want to use 10-12 posts in linkwithin (max is 5) can u help me please..?

    ReplyDelete

  25. Do you also know what to do if the widget will not work…
    It’s only showing “you might also like…” and no pictures or links underneath… plz help 🙂

    ReplyDelete

  26. Very like this tutorial, thanks

    ReplyDelete

  27. how to remove the linkwithin text link , i m using wordpress self hosted platform

    ReplyDelete

  28. This comment has been removed by the author.

    ReplyDelete

  29. How can i move the position of the Outbrain gadget below my posts..?

    ReplyDelete

  30. Raju Mukherjee SEOJanuary 21, 2012 at 6:08 PM

    hey that script is not present in by blogger templete however i tried adding it under widget section but it did not work out any other way to work around it thanks in advance and i like the snow fall effect

    ReplyDelete

  31. Hi there, just wondering if anyone knows how to fix a slight error with Link Within, it keeps suggesting the same three posts every time. I have used it on another blog with no problem. ANy insight would be appreciated, thanks!

    ReplyDelete

  32. excelent tip:)

    ReplyDelete

  33. is it possible to add RSS feed of a blog in another blog with thumbnails…?

    ReplyDelete

  34. Mantinadesblog.grApril 5, 2012 at 11:27 PM

    Thanks very much…!!!! Very helpful..!

    ReplyDelete

  35. it displays in the blog welcome page, but i want it to be displayed only after someone have clicked on each post: how do i fix that?

    ReplyDelete

  36. How can I change the number of posts displaying with LinkWithin from three to four. Afresh installing the gadget doesn’t change anything.

    ReplyDelete

     

    Replies

     

  37. Konrad Beniamin PuławskiOctober 3, 2012 at 10:14 PM

    did you get any answer how to resolve this problem? i have the same situation ;/

    Delete

  38.  

  39. i try to find similiar plugin for wordpress like a linkwithin, can you help me?

    so we can display related post, without to go to linkwithin site first.

    ReplyDelete

  40. Hi,
    How can i add 3-4 more posts to linkwithin?

    ReplyDelete

  41. Thanks for the post. Mine shows above the post but i placed that Gadget below the post bbody. Please how can i fix that? Thanks

    ReplyDelete

  42. How can we centralize it?

    ReplyDelete

     

    Replies

     

  43. You can try adding center tags to the code.For this you will need to add the code in step 3 part A like this :

    <center><div class=”linkwithin_div”></div></center>

    Delete

  44.  

  45. Jade astylesocialiteJuly 20, 2012 at 11:24 PM

    Hi I’ve successfully added the widget and it has the text “you may also like” but the there are no recommendations like thumbnails images with title of post. How can I sort this???

    ReplyDelete

  46. how can add more than 5 related post?

    ReplyDelete

  47. how to move the link within below the footer you don’t mention it here you just give a script but where should we put it

    ReplyDelete

  48. Thank you for the tutorial.

    ReplyDelete

  49. Mohammad Rasel AhmedAugust 27, 2012 at 9:17 AM

    Thanks a lot for the nice post. I want to remove linkwithin link from my related post.As per your instruction I have added your Css to my blogger’s template. it removes linkwithin link from only one post.I am using 3 post per page to my blogger and 2 posts show the linkwithin link!!!

    Plz help me dear admin …..you can watch out it.
    http://apk3.blogspot.com/

    ReplyDelete

  50. Mohammad Rasel AhmedAugust 27, 2012 at 9:39 AM

    DEPENDING ON THE POST I have to change it.
    #linkwithin_logolink_1 {display:none;}
    #linkwithin_logolink_2 {display:none;}
    #linkwithin_logolink_3 {display:none;}
    #linkwithin_logolink_4 {display:none;}

    Finally got it dear admin. so do not bother about my query. Thanks….

    ReplyDelete

  51. I would like to push my Linkwithin Gadget below my social media buttons but I don’t understand where I will add the line of code in the template? Did you mean I add it to the HTML code? No matter where I place the Linkwithing gadget on blogger it is coming above my social media butttons.

    ReplyDelete

  52. Does anyone knows how to change the list look? I can change the font and colors but not the symbol in the beginning of the related posts links.

    ReplyDelete

  53. Great Job Buddy !! Great Help Thanks 😀

    ReplyDelete

  54. can anyone help how to change the font of it

    ReplyDelete

  55. hi…mine only shows images and no text…pls what do i do?…

    ReplyDelete

  56. hi admin i use this gadget in my website. it show my homepage and post page. but i want to show it only my post page. please help ma.

    ReplyDelete

  57. Hi Admin, i use Nrelated for my related post. how to remove the Nrelated logo?

    ReplyDelete

  58. great help! thanks

    ReplyDelete

  59. hd surveillance camerasDecember 8, 2012 at 11:54 AM

    Preety impressive. But this thing has now been changed

    ReplyDelete

  60. hello any help with wordpress linkwithin plugin wanted to change the hover color matching with my website

    ReplyDelete

  61. is there a way to put linkwithin above sharing buttons..i did not understand what you meant in the article..could u pls elaborate

    ReplyDelete

  62. thanx i really liked it

    ReplyDelete

  63. Nice. I will try this one.

    ReplyDelete

  64. Annelise @ Aunie SauceFebruary 19, 2013 at 9:03 PM

    Hello! How can you change the number of related posts displayed? A year ago, I wanted 4, but now I’d like to switch to 5. It won’t let me change it. Any ideas? www.auniesauce.com

    ReplyDelete

  65. You wouldn’t believe how many hours I have been trying to get my linkwithin widget centralized on my blog…. And I still can do do it Doh!!

    ReplyDelete

  66. thanks for the info. it’s really helpful

    ReplyDelete

  67. how to get more than 5 related posts on my linkwithin bar?plz hlp me…….

    ReplyDelete

  68. nice post, thanks

    ReplyDelete

  69. Ngaitui CommunityMay 19, 2013 at 2:21 PM

    Thank you very much….Now I finally get what I want..

    ReplyDelete

  70. Better late than never,,,

    Thanks for sharing, its make my blog more excited! 🙂

    ReplyDelete

  71. Heeeeeeeeeeeeeelp! I have been trying for ages to centralize my linkwithin widget along the bottom of my blogpost. Does any one know how, or if: this van be done. Thanks in advance for any replies

    ReplyDelete

  72. thank you!

    ReplyDelete

  73. its showing deleted posts in related posts

    ReplyDelete

  74. This is really Very Helpful…..
    Thanks a lot ……
    Have a look on my blog ….
    www.isearchfun.in

    ReplyDelete

  75. Do you know why the 3 same posts are showing up under “you might also like” for every single post I publish? I’m afraid it has to do with my RSS feeds!

    ReplyDelete

  76. here is my problem my linkwithin is not a widget so i thought its embeded in the tempalte body i keep searching for it with ctl f and cant find it ever other tutorial says make sure to click on expand layout and i dont have this either on my eidt html window what can i do i want to uninstall and re instl because i made a stupid mistke and cant get rid of it help help help

    ReplyDelete

  77. Really Thx

    ReplyDelete

  78. How set up Linkwithin UTF 8 ?

    ReplyDelete

  79. How i can change the sizes of image miniatures? Sorry my english

    ReplyDelete

  80. Thanks. That helps!

    ReplyDelete

  81. thanks a lot..it works

    ReplyDelete

  82. I have no idea what anyone is doing here. Every time I try to hook up LinkWithin on their site it gives me a page with no html. What is the html I need to copy/paste into my blog for this to work? I have no idea what your instructions even mean… Is there a specific HTML that I need to put into the widget?????

    ReplyDelete

     

    Replies

     

  83. James, This has you frustrated so I will run trough it with you.

    OK Linkwitin use a widget installer.

    So on the linkwithin home page fill in your email, blog URL and choose Blogger as your blog platform.

    Click the Get Widget button and you are brought to another page.

    Here the first line will be :

    1. Click Install Widget to open Blogger in a new window, and follow the steps below in that window. Login to your Blogger account if necessary.

    The words Install Widget will be a link, click them.

    That will bring you to the Add Page Element page.If you have more than one blog you may have to select the blog you want it on and click add widget.

    Hope that helps,

    Delete

  84.  

  85. How do center the widget?

    ReplyDelete

  86. HI,

    Do you know how can I make the text above the widget bold?

    ReplyDelete