Tutorials, Tips, and Resources

for Creating a Better Blog

7-Day Blog Bootcamp Challenge

Shape up your blog in a week! (learn more)

Blogger How To: Move Linkwithin Widget Below Post Footer

Linkwithin can be a great widget to increase pageviews on your blog. By default after you install your widget in Blogger, it automatically appears at the bottom of your blog post, above the post footer. The post footer is the space that holds your comment link, post labels, author info and share buttons.  Sometimes it’s nice to move this widget below the post footer area so that your actual post footer can grab more attention and not get lost below the widget.

How To Move Your LinkWithin Widget Below the Post Footer/Comment Link in BloggerHow to move your LinkWithin widget below the comment link/post footer:

1. If you already have a LinkWithin widget set up, jump to step 3.  If you would like to add one to your blog, visit the LinkWithin website and enter your blog information in the sidebar area. You will be asked for your blogging platform and width. I like to choose 5 stories as it tends to fill up the space better, but choose to show however many stories you like. For platform, you can either choose Blogger or Other. Sometimes you’ll get an error when trying to install the Blogger way, so for now choose Other.

2. You will get an HTML code to add to your blog. In Blogger, go to the Layout page then add a new HTML/Javascript widget. Paste the code in there. Drag the widget right below the Blog Posts area.

3. In Blogger, go to Template > Edit HTML and click inside the text box.

4. Press CTRL + F (CMD + F on Mac) and a Find box will pop up in the top corner of the editor. In the box enter: post-footer-line-3 and press enter.

5. You should see this code or something similar:

<div class=’post-footer-line post-footer-line-3’/>

6. Right above the </b:includable>paste this code:

7. Save your template and open your blog in a separate browser to view.

If all worked well, you should see your Linkwithin widget below your post footer area now!

  • Hi Dana! I was immediately interested in this post and found it super helpful. I thought I’d let you know your code is a little off. should be . I had to edit my comment because it changed the apostrophe to a parentheses after publishing. I’m sorry, I’m explaining this horribly but I think you see what I mean. It works like a charm, thank you so much!

    xx Paige

    • Thanks Paige! gotta love WordPress formatting!! Copy/paste code updated.

  • The Naily Mail

    Hey, I had problems using the code. The code to post above does not work as a class must equal a value within apostrophes, not speech marks.

    This works:

    This does not:

    Just thought I’d say incase anyone else also ran into the problem.

    I discovered this website yesterday and have been really enjoying reading your posts, they’re very helpful – thank you 🙂

    • Thanks! gotta love WordPress formatting!! Copy/paste code updated.

  • James Hancock

    Worked like a charm. Many thanks.

  • It didn’t work for me 🙁

  • Hi thanks for the info. Just wondering if the widget can be amended to include six posts (instead of five)?

    • I believe the max they allow is 5… that’s entirely a linkwithin thing. I don’t think it can be altered.

  • Dana, is there a way to do this but with the Engageya widget? I’m beating my head against my desk over this.

    • I haven’t tried that widget but I will look into it 🙂

    • Yes please!!! I’d love to know this as well. I used to use LinkWithin but I prefer the round icons of Engageya x

      • Katy, I found a css code that makes Linkwithin round and you can play with it to make them to your liking. You can see them on my blog (wildandwanderful.blogspot). Email me and I can share it with you! I used that with Dana’s tutorial for moving it and it worked like a charm.

    • I’m looking for a tutorial on this too! I’m sticking with Engageya and I really want to remove the dotted lines around it and get it below my comment section! 🙂

  • I get this and can’t find

    <b:if cond='data:post.location'

    • Membrillo V.

      same trouble…

  • Emma Penney

    Hi Dana, thanks so much for the share! I’m however experiencing a little difficulty (blogger) in that the widget shows at the bottom of my page opposed to underneath my individual posts. I have the same problem when using the Add This widgets. Does anyone have any advice? Many thanks from France 🙂

    • Hey Emma,
      Usually that is because the code wasn’t copied to the proper area of your HTML. Depending on your template, there might be multiple instances of the “post-footer-line-3” bit, so try skipping to the next one and adding the code there if it doesn’t work on the first.

  • Janice

    Awesome! It simply works!

  • Worked ! Granted there was a lot more dialogue than the few lines shown in the example but I just looked for instead of post-footer-line-3 and it was easier for me, then again I have to do everything a little “off” to make it work. 🙂

  • Thank you for the tip!! Apparently when you chose to preview on blogger it doesn’t show so i saved the html and viewed on a separate tab and it worked!! Thank you so much!

  • Mllefunambuline

    Hi Dana,
    Thank you so much for all your tutorials, I was really afraid of the all html thing before reading you, now I am not afraid… I just feel more stupid 😛
    Anyway, you trick about the linkwithin widget below the post footer worked, but I’m wondering if there is a way to center this widget and edit it (I would like the text to be the same dark grey as my blogpost text and not black for exemple)?

    Thanks in advance for your answer, and thanks again for your great blogs, you are amazing to share so much tips with us.

  • Hey Dana! i’m having trouble launching my search box. I see you put in brackets (CMD + F on mac) and I’m currently using an old mac laptap. Any idea what I’m doing wrong? 🙂

  • Hello again Dana… I’m taking the opportunity to update this option on my work computer. I am able to use the search option so I thought I’d try it… however I am not finding the post footer # 3. I do however see post footers 1 and 2. My linkwithin is working I just can’t figure how to move it below the footer without that 3rd post footer. Please advise. 🙂

    • Your advice is amazing! You are a godsend Dana!
      I meticulously scrolled through my blogs entire HTML and found the Post footer 3. I was then able to successfully apply the code exactly where it needed to go. My blog has been completely beautified in less than a week because I found you. I obsess just a little. lol… It looks balanced now. And you’ve instilled a great confidence in me. Thank You!! 🙂

      • I’m glad that you managed to figure this out and thank you for continuing to read this site! best luck with your blog 🙂

  • bee188

    Hi Dana, Im trying to do this on my blog (on blogger) but I cant find that code when I search for it. Any advice?

  • Earthmother

    Brilliant, worked perfectly! Thanks x

  • Sunnyyy A

    Thank you so much dana this helped so much 🙂

  • Ariane Arnold

    I was wondering how would this look if you wanting both the linkwithin widget below the footer and to only display on post pages, not on your home page. I have been trying to figure out how to do this for a week now. Does it matter whether this is done in footer line 3 or line 2? Any assistance you could offer would be greatly appreciated.

    • Hi Ariane,
      Check out my tutorial here on adding code to some pages and not others:


      The footer line shouldn’t matter much, it will just depend on where you want it to show up!

      • Ariane Arnold

        Yeah I used that. When I used the code specific to only displaying the linkwithin widget on post pages, it did not work. What it did was move the widget back in the footer instead of after it. I didn’t know if there was something I was missing in doing the code in regards to having the widget only displayed on post pages and be placed below the footer. I tired researching what my error was, but came up with nothing. So far what you have is literally the best information.

  • Can you tell me how to remove Linkwithin? It’s adding sample posts that I have deleted and I don’t want them to show. Thanks! Love your tutorials and blog ideas!

  • linnetjoy

    Hello…thanks so much for this! I’ve been using quite a few of your suggestions to help clean up my blog. So glad to find you

    I do have two questions…

    one…After following the instructions. this worked on my home page, but not on individual blog posts. Later I decided to take away comments altogether on my homepage, since it doesn’t really make sense to comment until a reader has read the expanded post. So now I’m left with it not working on my individual pages. There it shows the linkwithins and THEN (underneath) says “post a comment”. It’s rather hidden.

    second question: On my homepage and individual pages/posts, there is quite a bit of space between my share buttons at the end of posts and the linkwithins. Is there a way to condense that space/get rid of it altogether? Thanks so much. I cannot seem to figure this out.

    Here’s my site if you’d like to see what I’m talking about. http://www.storybook-cottage.com

  • Hey, I’m not sure if you still need this tutorial since this comment has been a year ago already but i do have a tutorial on how to move Engageya related post widget below post footer. Check out at http://paleandrosyblog.blogspot.sg/2015/11/how-to-add-related-posts-widget-in.html

  • Hello Dana!
    I decided to change my blog’s template to an even simpler one, so I can highlight my work instead of a pretty background… well, now I’m back to square one with some of the details I updated using your tutorials. I cannot find the code this time. When I use the find/search box it states “nothing found” So, I meticulously scrolled through the HTML. I cannot find footer-3 this time. The only code referring to footer 3 doesn’t look at all like your example… It’s just the words footer 3 in some jumble of code. I put the code you advised in the HTML around the only “includable” in that section, however I am getting errors when I save. So I believe it’s not the correct section of the HTML. Rebuilding a blog sucks! lol
    Any advice you might have would be greatly appreciated!
    Thanks, Angélique.