How to Add a Pinterest Hover Button to your Blogger Images

by - 5/06/2016

Happy Friday!

Have you ever wondered how bloggers add a Pinterest button on their blog post? Well no stress I have found the best tutorial  on how I did  it for my blog and am sharing it with you today!


1. Go to Your Pinterest page and click o the  tool button downdrop-down in the upper left hand corner. Scroll down until you see “Make a widget”. Clicking this link should bring you there.

2. Select the button type as “Image Hover”, select the appearance you like. 
3. Copy the entire code which will look similar to
<script async defer data-pin-hover="true" data-pin-color="white" src="//"></script>
4. Now to add it to your Template. Open your Blogger  dashboard, go to Template > Edit HTML. Find </head> and paste the code in the previous step above </head>

This is Pinterests official button so if you need help you can get help here  or leave me a message below and I will try to find the answer for you.

Happy Blogging :) 

You May Also Like


  1. thank you, thank you, THANK YOU, oby grace!!! xx

  2. I follow the steps but in the end appeared this:Could not load template preview: Error parsing XML, line 464, column 18: Open quote is expected for attribute "async" associated with an element type "script"

  3. and this:Could not load template preview: Error parsing XML, line 464, column 17: Attribute name "async" associated with an element type "script" must be followed by the ' = ' character.

  4. I just want to move my pinterest, google, etc. buttons to another location on my page but cannot find out out to do so. can you help me? thanks