How to Add a Pinterest Hover Button to your Blogger Images

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 :) 


  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

  5. For many people this is important, so check out my profile:
    mason soiza


Get in Touch

Feel free to drop us a line to contact us

Your Name

Your Message*