How To Fully Customize And Edit The LinkWithin Related Posts Gadget




| | 81 comments

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.If you have any questions or suggestions drop them in the comments below.


If You Enjoyed This Post Please Take 5 Seconds To Share It.

Stay Connected With Free Updates

Subscribe via Email

81 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. this is a nice gadget; but, when I started using it. I noticed it interfered with the followers gadget. So, what to do?

    ReplyDelete
  12. @ 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
  13. GREAT tutorial. Exactly what I was looking for! Thanks!

    ReplyDelete
  14. 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
  15. @ 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
  16. 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
  17. 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
  18. 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
  19. How can I hide the linkwithin button at the end of the widget. It looks worse and people could accidently click on it.

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

    ReplyDelete
  21. 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
  22. I want to move the linkwithin gadget below my "tags" line I have a wordpress blog.. Can you help? Thanks!

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

    ReplyDelete
  24. 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
  25. how to remove the linkwithin text link , i m using wordpress self hosted platform

    ReplyDelete
  26. This comment has been removed by the author.

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

    ReplyDelete
  28. 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
  29. 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
  30. is it possible to add RSS feed of a blog in another blog with thumbnails...?

    ReplyDelete
  31. Thanks very much...!!!! Very helpful..!

    ReplyDelete
  32. 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
  33. 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
    1. did you get any answer how to resolve this problem? i have the same situation ;/

      Delete
  34. 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
  35. Hi,
    How can i add 3-4 more posts to linkwithin?

    ReplyDelete
  36. 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
  37. Replies
    1. 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
  38. 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
  39. how can add more than 5 related post?

    ReplyDelete
  40. 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
  41. 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
  42. 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
  43. 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
  44. 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
  45. Great Job Buddy !! Great Help Thanks :D

    ReplyDelete
  46. can anyone help how to change the font of it

    ReplyDelete
  47. hi...mine only shows images and no text...pls what do i do?...

    ReplyDelete
  48. 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
  49. Hi Admin, i use Nrelated for my related post. how to remove the Nrelated logo?

    ReplyDelete
  50. Preety impressive. But this thing has now been changed

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

    ReplyDelete
  52. 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
  53. 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
  54. 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
  55. thanks for the info. it's really helpful

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

    ReplyDelete
  57. Thank you very much....Now I finally get what I want..

    ReplyDelete
  58. Better late than never,,,

    Thanks for sharing, its make my blog more excited! :)

    ReplyDelete
  59. 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
  60. its showing deleted posts in related posts

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

    ReplyDelete
  62. 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
  63. 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
  64. How set up Linkwithin UTF 8 ?

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

    ReplyDelete
  66. 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
    1. 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



Important - If you ask a question make sure you tick the "Notify Me" box below the comment form to be notified of follow up comments and replies.


Hire Us