Sunday, June 30, 2013

Pinterest Widgets and Pin It Hover Button Tutorial!

I seriously just spent well over and hour trying to figure out how to get the pin it button to hover over my images.  I found numerous blogs with html code ready for me and not one of them worked for me.    Did you know that Pinterest has a widget builder?  It was SOOO easy using their website and it worked on my very first try!  Here is the link to their widget builder: Pinterest Widget Builder. 
It was so easy!  I just selected the pin it button up top by clicking on it.  Where it says button type, I clicked on image hover and it took me to this page where I clicked build it!
After clicking Build It!, it gave me the html code and where to embed it in my blog.

  If you don't know how to find your html code, it is super easy!  Go to your blogger dashboard.  On the left hand side click on template.

Once you click on template, you will see this screen:
I suggest backing up your html code by clicking the backup and restore button in the upper right hand corner before you mess with your html code.  I do this no matter what I am doing, just in case I mess something up!  After you back up your code, click on edit html and follow the directions that are on the Pinterest sight!
Easy, peasy lemon squeezy!


  1. Thanks for the great tutorial! Just used it to add the hover pin it button to my blog. Check it out.

  2. With blogs like this around I don't even needed website anymore.I can just visit here and see all the latest happenings in the world.
    website design