How to add a Pinterest Follow button

Pinterest follow me button tutorial

Since we published How to add Pinterest Pin It button/counter to Blogger  (which is by the way the only Pin It counter that works on Blogger), several readers contacted us and asked for yet another button -a Pinterest Follow button.

Following using this button is a two-step process. Clicking the button first takes readers to your profile page where all your boards are displayed. From there, they can then choose to follow each board individually or choose to Follow All boards at once by clicking the respective buttons.

Here we go,


I) Button code

Below are a list of available buttons provided by Pinterest on their website.


Follow button


Follow Me on Pinterest <a href=""><img src="" width="169" height="28" alt="Follow Me on Pinterest" /></a>
Follow Me on Pinterest <a href=""><img src="" width="80" height="28" alt="Follow Me on Pinterest" /></a>
Follow Me on Pinterest <a href=""><img src="" width="60" height="60" alt="Follow Me on Pinterest" /></a>
Follow Me on Pinterest <a href=""><img src="" width="16" height="16" alt="Follow Me on Pinterest" /></a>


II) Adding code to blog

  • Adding to Blogger
    1. Go to Layout > Add A Gadget and select HTML/Javascript.
    2. Copy a code above and paste it inside the content box.
    3. Replace “USERNAME” with your Pinterest username.
    4. Save.
  • Adding to WordPress
    1. Go to Dashboard > Appearance > Widgets > Available Widgets.
    2. Drag Text widget into a sidebar.
    3. Paste in the code.
    4. Replace “USERNAME” with your Pinterest username.
    5. Save.


Follow me for more for more Pinterest tutorials.

101 comments to "How to add a Pinterest Follow button"

Spatch Merlin @ How to Blog February 22, 2012 at 9:48 PM    

Great tutorial. It seemed so simple, thanks to your very detailed tutorial. However, about pinterest. I never actually had an account. I've been seeing a lot of people using. I might give it a try and pin it to my blog too.

Spatch Merlin
How to Blog Guide

Blogging Made Easy February 23, 2012 at 8:02 PM    

I have an account. I really liked it.

reyah February 24, 2012 at 12:44 AM    

Me too, this pinterest things really got my interest too, and i do wanted to try this and see how it work myself.

nomads-paradise February 24, 2012 at 5:05 PM    

Hello Greenlava, Drop by 2say hello and want to say how happy I'm to watch Blogger Sentral is getting bigger in each every day. Selamat ya :)
PS: Guess, there is no hope for people like me (who choose not to have facebook, twitter etc) in blogging world LOL. Though I need to write and love photography so I still blogging for the sake it. It's fun.

Good luck for you and have more success on your Blogger Sentral.

Greenlava February 27, 2012 at 1:16 AM    

Thanks for the kind words.

Pankaj C. February 28, 2012 at 2:35 PM    

hey thanks a lot.. I finally got an invite and added the button to my site...!

Gintautas K. February 29, 2012 at 6:02 AM    

That was easy,but do you have a code for "PinIt" button?

E. February 29, 2012 at 11:23 PM    

Thanks so much for the tutorial - I'm eager to make my blogger blog more personal, and this is a great first step!

Tonsil Apple March 1, 2012 at 1:10 AM    

nice tutorial. i really should appreciate it.

Charter Bus Lines March 1, 2012 at 6:35 PM    

Awesome share man you have written it very well.thanks for the post as well.

Janelle @ Emmaline March 2, 2012 at 10:21 AM    

this is pretty awesome and very easy to understand. the hardest part was finding the code to put it under, and then figuring out how to change the alignment to far right... but I got it!

Filme interesante March 5, 2012 at 11:23 PM    

I think is one vrey good and helpful post! Thanks for share!

Pinterest March 15, 2012 at 1:37 AM    

Pinterest is growing very fast so it is a good idea to consider Pinterest to being more social over the web.

Blogger proo indonesia March 20, 2012 at 10:42 AM    

Thanks for share

Lee March 23, 2012 at 11:58 PM    

Thanks for your useful info!

Chanka March 29, 2012 at 10:35 AM    

Thanks, I love Pinterest cause now no worry to put pics on the blog.

Sylvie March 31, 2012 at 9:33 AM    

THANK YOU SO MUCH! I am clueless about this type of thing and found this so very useful in getting my blog completed!!

Sylvie March 31, 2012 at 9:34 AM    

THANK YOU SO MUCH!!! I am still trying to figure out all these details in getting my blog going and found this so very useful!!

Mamma Turtle April 16, 2012 at 8:47 PM    

Thanks for showing me how to do this!

TSK April 24, 2012 at 8:03 PM    

Hmm, tried it couple of time but can't see the button. Does it take a while to show or where am I going wrong?

Lara Ann April 29, 2012 at 6:31 AM    

thank you so much - esp for making it so simple.

Atif Imran June 6, 2012 at 3:53 PM    

Very easy presentation style
thanks for solve my problem

StormJewel June 8, 2012 at 1:27 AM    

Thanks a lot, just added this to my blog so hopefully will get more followers soon!

cynthia June 10, 2012 at 10:31 AM    

Thank you this was so easy!!

Crochet by Vendulka June 11, 2012 at 9:01 PM    

Thak you very much!:-)

Prerna Poojara June 29, 2012 at 5:27 PM    

Thanks a ton. I had been struggling with this for a while. I finally managed. Thanks a lot.

Tiny Treasures by Tava July 9, 2012 at 3:43 AM    

Thank you very much for sharing this!

Fiona Bris-Vegas! July 9, 2012 at 7:27 PM    

Thanks so much! I just installed this and it works like a charm. Wish I could get the Pinterest widget to work in my blog but just can't seem to locate the appropriate HTML code. Thanks again

Tim July 10, 2012 at 7:57 AM    

Super! I love Pinterest, one of my favorite websites out these. Works good for me too when Im couponing.

Mahfuz Alam July 17, 2012 at 3:13 PM    

Has any way to appear in each post this "follow me on interest"

Shabby Marilyn July 23, 2012 at 5:32 AM    

Finally got my pin it button on my blog! moved it on top of posts,thank you thank you! I will do the follow me as soon as I get my Pintrest Boards done. Thanks again!

Greenlava July 25, 2012 at 6:11 PM    

@Mahfuz Alam
Follow the method laid out here: Pinterest Pin It button, but use the code from this tutorial.

Amber July 27, 2012 at 9:34 PM    

that was so it!! Thanks

Helena July 30, 2012 at 7:37 PM    

Thanks a LOT!

Gunn August 9, 2012 at 11:40 AM    

Thank you,you make my dream come true ei ei.

Travel Truth 101 August 13, 2012 at 11:35 PM    

Thanks, just did it and it was so easy. Great info. Now I'm going searching for a "pin it" button.

Mz A August 23, 2012 at 10:45 AM    

Thanks so much!!!

Dahn August 24, 2012 at 11:05 AM    

Awesome--thanks for the code! Worked great...

Jewellietta August 26, 2012 at 8:20 PM    

Easy steps, I used it immediately! Thank you!

Jonathan Galt September 11, 2012 at 11:52 AM    

thanks for these awesome widget codes!

Rahul Dixit October 6, 2012 at 2:00 PM    

What if I want Pinterest Follower button with counter? If this is possible then please tell us how?

Greenlava October 7, 2012 at 9:32 PM    

@Rahul Dixit
I'm afraid that's not possible at this time.

Opinionated One October 8, 2012 at 9:51 AM    

I am just starting my blog and tried to follow these steps but when you hit the follow button it keeps taking me to someone else's pinterest page. Help! I put my username from pinterest in the "title" spot (there was no "username" spot).

Tracy K. October 12, 2012 at 1:33 PM    

Thank you, worked like a charm.

online tutoring service October 20, 2012 at 4:48 PM    

Hi nice Post written by you guys. It is amazing and wonderful to visit your site. Thank a ton for such a nice post.

Maggie Slater November 4, 2012 at 11:36 AM    

Wow! I can't thank you enough for this!

Janice November 6, 2012 at 4:44 AM    

Thank you for your help

Anonymous,  November 12, 2012 at 7:42 AM    

why is this not working for me? do i delete the http// in the bar before I paste the code? sorry if this is a dumb question. Yes, I added my username where it said "USERNAME". Arrrrg.

Greenlava November 14, 2012 at 8:52 PM    

Don't remove anything, you want to copy the entire code.

Paula @ Vintage Kitchen November 21, 2012 at 6:34 AM    

I pasted the code a few months ago and it was working fine. Today I wanted to move where it was placed. I deleted and then copied and pasted again. The pin shows but not the count.
Do you know what might have happened? I have three friends on fb talking about the same thing, their count dissapeared.

Restore and Renew November 22, 2012 at 6:21 AM    

Thank you, these directions are clear and to the point. Worked first time.

Kelly November 25, 2012 at 6:50 AM    

I added in my user name, but when I enter the code in blogger I either get a message that says "Url contains illegal characters" or "url must contain a host name". What could I be doing wrong?

Greenlava November 25, 2012 at 8:38 PM    

Did you by any chance mistakenly click the "Add your own" link on the left side of Add A Gadget page?
What you want is to scroll down the page and click "HTML/JavaScript". It's the 11th item in the list.

Kelly November 27, 2012 at 6:41 AM    

Yes, that's what I was doing wrong- thanks so much!

Lucy Ball November 30, 2012 at 11:57 PM    

Finally! I've looked everywhere on the internets for an easy to do button. I'm no coder so this was perfect. Thanks!

Jessica Fedorko December 13, 2012 at 5:00 AM    

Thank you so much!!!

Jennifer Calero January 3, 2013 at 3:07 AM    

Hi, this was a well written tutorial but I see it was written a while ago. Do you know if Blogger has changed something on their end? When I go to layout, it doesn't give me the option to view it HTML. I can only view it in HTML from the template page and from there, I can't clearly find where I should past the code you provided. Any help you can give would be appreciated, my blog is all about Pinterest so I really need a Pin it button!

Greenlava January 4, 2013 at 2:03 AM    

@Jennifer Calero
You paste the code into a HTML/Javascript widget/gadget, so there's no need to view your template HTML.

Ni de Aqui, Ni de Alla January 9, 2013 at 8:25 AM    

Gracias for sharing!!

My Daily Sparkles January 9, 2013 at 11:36 AM    

This was great! I just started my blog and really appreciate the tips!

Pinkadots January 17, 2013 at 5:36 AM    

Thank you! I just started my blog and it was nice to see something I could do that was easy! :)

Carmen January 27, 2013 at 7:00 AM    

Thank you! Easy peasy!! :)

Tokotua Forex February 5, 2013 at 4:30 PM    

Thanks for the tips, I've been looking for tips like this to put a share button on my blog

Alex February 15, 2013 at 4:20 PM    

Your tips were very appreciated.

Ela @ February 16, 2013 at 8:48 AM    

Thanks! Great tutorial.

Gewoon Elise February 24, 2013 at 4:02 PM    

Wow, after looking for a while for how to do this, it is so simple to just follow your instructions!!! Thanks for the great tutorial!!!

1CaseyColette February 26, 2013 at 2:13 AM    

I have a pinterest follow linky here:

ThisLondonLife March 6, 2013 at 9:20 PM    

Thanks, that was very simple and easy.

Anonymous,  March 15, 2013 at 9:58 PM    

Oh my goodness, THANK YOU!! I've been trying to do this for a week and every other tutorial failed. I'm pinning this so I don't lose it!

Anonymous,  March 19, 2013 at 11:45 AM    

THANK U... This is the easiest & BEST instructions to follow!

thehowlingmadcat March 24, 2013 at 12:31 AM    

Wow this was the only thing that worked for me. Thanks for publishing this!

Kim M March 30, 2013 at 9:19 AM    

Worked like charm! Thanks much.

veronicamade April 5, 2013 at 5:05 AM    

I tried this with my Wordpress blog, but I don't get a button. I only get text that you can click on. Is there some way to get the actual button?

Jennifer Williams April 5, 2013 at 10:30 PM    

OK, so great simple turtorial thanks, bot the button on there just fine.... except the button takes you to a pinterest board belonging to 'Kate'....... which seems very commercially driven, rather than my personal one.... help!!!??? Jenni

Carol April 6, 2013 at 7:15 AM    

I got the follow button on my sidebar, but the link always goes to "Oops, Go Back" which goes to an overall view of Pinterest, but then I have to click on my face icon to go directly to my Pinterest. I don't understand!

Filipina Az April 7, 2013 at 11:59 AM    

Thank you for this html pinterest button. I have heard and seen a lot of bloggers use them. I am interested as to what pinterest can offer to my blog. Hope, I will get more traffic. Thank you.

Greenlava April 9, 2013 at 8:46 AM    

This is the correct code for your button, use this:
<a href=""><img width="60" height="60" alt="Follow Me on Pinterest" src=""></a>

Wan Mustakim April 23, 2013 at 6:38 PM    

Thanks you so much :)

Ricardo April 24, 2013 at 8:20 PM    

This worked beautifully!! Thanx!

Patty Martinez April 26, 2013 at 11:44 AM    

Amazing thanks!

nico lee May 5, 2013 at 11:07 PM    

Thanks a lot for your help

DianaLee27 May 10, 2013 at 11:11 PM    

Thank you so much! This works great.

Lynn W June 6, 2013 at 9:18 AM    

This was so helpful. thank you!.

Anonymous,  June 10, 2013 at 5:12 AM    

Super helpful! Thank you!!!

Jess June 20, 2013 at 10:16 PM    

WOW Thank you!!! You are the first site that made this easy. nothing else I tried worked. Thank you Thank you Thank you

Rachael Dilley June 22, 2013 at 10:13 PM    

Don't think this works if you are using a Dynamic template... or it it does I am doing something wrong :/

Greenlava June 23, 2013 at 10:20 AM    

@Rachael Dilley
You're right, it doesn't work on Dynamic Templates :(

Lainey June 29, 2013 at 4:20 PM    

Awesome! Thank you for posting that - I've been looking for instructions for ages ;)

Jennifer Taylor July 3, 2013 at 10:35 AM    

Thanks for the post! It was so easy to do!

Sondra July 3, 2013 at 10:53 PM    

I have been trying to figure this out on wordpress and I just couldn't! I knew it had to be easier than it looked and it was so easy! Thank you! Thank you! Thank you!

Jenn July 6, 2013 at 5:19 AM    

VERY helpful! Thank you for taking the time to post this tutorial!

Michelle Lunt August 7, 2013 at 11:11 AM    

It worked like a charm! Thank you so much.

Warmly, Michelle
Faith, Trust & Pixie Dust

Anonymous,  September 5, 2013 at 6:36 PM    

Most of them on the internet have such hard explanations for adding this icon! But you made it extremely simple and easy to follow. Thanks so much

Tumblog-it! September 12, 2013 at 12:31 AM    

Thank u so much for this info!

Goldi October 20, 2013 at 12:28 PM    

Hello !
Thank you very much for the explanation.
Tell me please, how can I add the button in order that the Pinterest will open as a new tab?

Greenlava October 24, 2013 at 10:44 AM    

Add a target="_blank" attribute to the anchor (a) tag, like this:
<a href="" target="_blank">

Charlotte Blakey October 26, 2013 at 6:32 PM    

Awesome! super easy! I have no idea how code works but my button is there and I've even got it to open on a new page (thanks to your answer to Goldi!) now I've just got to get my blog going and full of posts!

Anonymous,  November 15, 2013 at 10:44 AM    

Thanks so much. Why doesn't Pinterest have one that works on their website?

Anonymous,  December 19, 2013 at 7:48 PM    

Hooray! Thank you, at last I have added the pin it button to my blog. After trying to follow several other tutorials which all failed, you gave good clear advice and it was done in minutes.

Meriel January 8, 2014 at 10:55 AM    

Thank you, that actually worked!!

LeeLee W February 1, 2014 at 9:30 AM    

Thank you for this tutorial! It was extremely helpful!

Click to go to top Click to comment