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!

OFFICIAL HOVER PIN IT BUTTON

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="//assets.pinterest.com/js/pinit.js"></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 :) 

6 comments:

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

    ReplyDelete
  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"

    ReplyDelete
  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.

    ReplyDelete
  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

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

    ReplyDelete

Get in Touch

Feel free to drop us a line to contact us

Your Name


Your Message*