pen rainbow

Saturday, June 15, 2013

Weekend Special—Pinterest Mouseover for Blogger!

For the pinterest addicts!  (That would include me)


Add a small mouseover Pin it icon to your blogger images

Here's a super-easy tutorial on how to add a mouseover Pinterest button to your blog!  Thanks to codeitpretty.com by Maria Mosley for this fantastic, easy-to-follow tutorial.  

Click HERE to go to the tutorial—How To Install the Official Pin It Hover Buttons on Blogger

It's as simple as 1 - 2 - 3!  It works with all of the blogger templates except Dynamic Views, which does not accept customization.  

1.  Copy the line of code

**  If you're not comfortable with adding code to your HTML template, back it up first

2.  Search for the end of the code by finding the </body> tag & paste in the line of code just above the </body> tag line

3.  Save template

Done!  

Now, each time you hover your mouse over one of the images on your blog, the official Pin It button will appear in the upper left corner of the image.  I gave it a test-run, and it works just fine.

This is an official Pinterest button, and you can find direct support at the Pinterest Help Center.


Click HERE to go to the Pinterest Help Center 

While you're visiting codeitpretty.com, check out their other great blogger tutorials, including Practical HTML for Bloggers, which gets into the basics of how to read & understand HTML code.

Also, under Resources, check out the link to DON'T FEAR the INTERNET by Jessica Hische and Russ Maschmeyer.  This is an introduction to HTML & CSS (Cascading Style Sheets programming language) for absolute beginners using the Wordpress template, but applicable to Blogger because, well...you know, code is code.  

Enjoy learning!