Lately I have seen so many blogs that have hover pin it buttons over their photos. I love this feature. It makes pinning my favorite pics and ideas so simple.
I wanted to add this feature to the pictures here on my blog, so I Googled and found a really simple tutorial on BloggerSentral.
This is what I did ~
Create a "pin it" button in Photoshop. Upload the button to a photo hosting site such as Photobucket. If you wish to use the basic button that is written in the code, then skip this step.
In blogger, go to TEMPLATE then click EDIT HTML. Scroll down to the bottom of the HTML page and find where it says </body> and place the code found on this blog post right above the </body> tag.
After you have pasted the pin it code, remove the first URL and insert the one that is hosting your "pin it" button. If you wish to use the button that is written in the code, skip this step.
Hit preview and test out the new feature before saving. You can change the position of the pin it button by deleting where it says center in the code and typing in bottomleft or bottomright or topleft or topright. I chose to place my pin it button in the bottom right corner.
I thought the best part of this was creating the "pin it" button. I think it will be fun to switch it up depending on the season :).