How to add a Pinterest Follow button
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 | Code |
 | <a href="http://pinterest.com/USERNAME/"><img src="http://s-passets-ec.pinimg.com/images/about/buttons/follow-me-on-pinterest-button.png" width="169" height="28" alt="Follow Me on Pinterest" /></a> |
 | <a href="http://pinterest.com/USERNAME/"><img src="http://s-passets-ec.pinimg.com/images/about/buttons/pinterest-button.png" width="80" height="28" alt="Follow Me on Pinterest" /></a> |
 | <a href="http://pinterest.com/USERNAME/"><img src="http://s-passets-ec.pinimg.com/images/about/buttons/big-p-button.png" width="60" height="60" alt="Follow Me on Pinterest" /></a> |
 | <a href="http://pinterest.com/USERNAME/"><img src="http://s-passets-ec.pinimg.com/images/about/buttons/small-p-button.png" width="16" height="16" alt="Follow Me on Pinterest" /></a> |
II) Adding code to blog
- Adding to Blogger
- Go to Layout > Add A Gadget and select HTML/Javascript.
- Copy a code above and paste it inside the content box.
- Replace “USERNAME” with your Pinterest username.
- Save.
- Adding to WordPress
- Go to Dashboard > Appearance > Widgets > Available Widgets.
- Drag Text widget into a sidebar.
- Paste in the code.
- Replace “USERNAME” with your Pinterest username.
- Save.
Enjoy!
Follow me for more for more Pinterest tutorials.
101 comments to "How to add a Pinterest Follow button"
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
I have an account. I really liked it.
Me too, this pinterest things really got my interest too, and i do wanted to try this and see how it work myself.
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.
@nomads-paradise
Thanks for the kind words.
hey thanks a lot.. I finally got an invite and added the button to my site...!
That was easy,but do you have a code for "PinIt" button?
Thanks so much for the tutorial - I'm eager to make my blogger blog more personal, and this is a great first step!
voyage-on.blogspot.com
nice tutorial. i really should appreciate it.
Awesome share man you have written it very well.thanks for the post as well.
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!
Janelle
emmalinebags.blogspot.com
I think is one vrey good and helpful post! Thanks for share!
Pinterest is growing very fast so it is a good idea to consider Pinterest to being more social over the web.
Thanks for share
Thanks for your useful info!
Thanks, I love Pinterest cause now no worry to put pics on the blog.
THANK YOU SO MUCH! I am clueless about this type of thing and found this so very useful in getting my blog completed!!
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!!
Thanks for showing me how to do this!
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?
thank you so much - esp for making it so simple.
Very easy presentation style
thanks for solve my problem
Thanks a lot, just added this to my blog so hopefully will get more followers soon!
Thank you this was so easy!!
Cynthia
http://apatchofshade.blogspot.com/
Thak you very much!:-)
Thanks a ton. I had been struggling with this for a while. I finally managed. Thanks a lot.
Thank you very much for sharing this!
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
Super! I love Pinterest, one of my favorite websites out these. Works good for me too when Im couponing.
Has any way to appear in each post this "follow me on interest"
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!
@Mahfuz Alam
Follow the method laid out here: Pinterest Pin It button, but use the code from this tutorial.
that was so easy...love it!! Thanks
Thanks a LOT!
Thank you,you make my dream come true ei ei.
Thanks, just did it and it was so easy. Great info. Now I'm going searching for a "pin it" button.
Thanks so much!!!
Awesome--thanks for the code! Worked great...
Easy steps, I used it immediately! Thank you!
thanks for these awesome widget codes!
What if I want Pinterest Follower button with counter? If this is possible then please tell us how?
@Rahul Dixit
I'm afraid that's not possible at this time.
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).
Thank you, worked like a charm.
Hi nice Post written by you guys. It is amazing and wonderful to visit your site. Thank a ton for such a nice post.
Wow! I can't thank you enough for this!
Thank you for your help
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.
@Anonymous
Don't remove anything, you want to copy the entire code.
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.
Thanks!
Thank you, these directions are clear and to the point. Worked first time.
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?
@Kelly
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.
Yes, that's what I was doing wrong- thanks so much!
Finally! I've looked everywhere on the internets for an easy to do button. I'm no coder so this was perfect. Thanks!
Thank you so much!!!
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! www.pinorpass.blogspot.com
@Jennifer Calero
You paste the code into a HTML/Javascript widget/gadget, so there's no need to view your template HTML.
Gracias for sharing!!
This was great! I just started my blog and really appreciate the tips!
Thank you! I just started my blog and it was nice to see something I could do that was easy! :)
Thank you! Easy peasy!! :)
Thanks for the tips, I've been looking for tips like this to put a share button on my blog
Your tips were very appreciated.
Thanks! Great tutorial.
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!!!
I have a pinterest follow linky here: http://1caseycolette.blogspot.com/2013/02/pinterest-hop-linky.html#.USumZjBO9Ww
Thanks, that was very simple and easy.
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!
~Celeste
THANK U... This is the easiest & BEST instructions to follow!
Wow this was the only thing that worked for me. Thanks for publishing this!
Worked like charm! Thanks much.
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?
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
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!
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.
@Carol
This is the correct code for your button, use this:
<a href="http://pinterest.com/casteb/"><img width="60" height="60" alt="Follow Me on Pinterest" src="http://s-passets-ec.pinimg.com/images/about/buttons/big-p-button.png"></a>
Thanks you so much :)
wanmustakim.blogspot.com
This worked beautifully!! Thanx!
Amazing thanks!
Thanks a lot for your help
Thank you so much! This works great.
This was so helpful. thank you!.
Super helpful! Thank you!!!
WOW Thank you!!! You are the first site that made this easy. nothing else I tried worked. Thank you Thank you Thank you
Don't think this works if you are using a Dynamic template... or it it does I am doing something wrong :/
@Rachael Dilley
You're right, it doesn't work on Dynamic Templates :(
Awesome! Thank you for posting that - I've been looking for instructions for ages ;)
Thanks for the post! It was so easy to do!
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!
VERY helpful! Thank you for taking the time to post this tutorial!
It worked like a charm! Thank you so much.
Warmly, Michelle
Faith, Trust & Pixie Dust
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
Thank u so much for this info!
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?
@Goldi
Add a target="_blank" attribute to the anchor (a) tag, like this:
<a href="http://pinterest.com/USERNAME/" target="_blank">
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!
Thanks so much. Why doesn't Pinterest have one that works on their website?
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.
Thank you, that actually worked!!
Thank you for this tutorial! It was extremely helpful!
Comments on this post are closed.