Thursday, 20 February 2014

How to add "Hover pin it" button to blogger

I'm very fond of crafts and diy things. During my surf over internet,I used to get pin it button on blogger's craft images that makes me ease to share them on my Pinterest. I've started blogging few days back and was trying to add "Hover pin it" button on my my first foreign trip to Maldives. "Hover pin it" is a button that appears when you roll your cursor over images to share them on Pinterest. When I was trying to do so, "Follow me on pinterest" button started to appear :P but I din't get what I was trying for. It was really very annoying. Then finally I got that and now I have Hover Pint it button on my blogs :) Here I'm sharing those simple steps (now I get that it's really very easy :P ) through which you can also add "Hover pin it" button to your blogs.

Step 1 :  Login your Pinterest account.

Step 2 :  Open drop down menu.





Step 3 : Go to Developers.





Step 4 : Go "Widget Builder in Tool option.





Step 5 : Choose "image hover" from image button.





Step 6 :  Set Appearance of "pin it" button. You can see preview on the image below of Appearance.

Step 7 :  After setting Appearance copy the code that comes below the image.



  Step 8 : Open "Layout" from your blogger dashboard. Click on "Add a Gadget".





Step 9 : A new window will come on the screen. Click on "HTML/JavaScript" from the list of the new window.

Step 10 : Paste the copied code in the content block. And save it.



You are done. Enjoy "Hover pin it" button now on your blogs !!!!