How to Add the Pinterest "Pin It" Button to your Blog Posts

How to Add the Pinterest
“Pin It” Button to A Blog Post

Most people have the “Pin It” button installed on their computers, but to make things easier, I am also adding a “Pin It” button to my posts as well.  I found this to be a little tricky, so I decided to do a quick little tutorial to help you!

Go to:   http://pinterest.com/about/goodies/
Scroll down to:

Box 1: You will need your blog URL, starting with http://

For example:  mine is http://baked-inthesouth.blogspot.com/

Copy and paste this into the first box

Box 2: You will then need the photo URL for the photo you want to be pinned.  To find the image URL, go to the post, right click on the image, go to properties, copy and paste the entire image URL into the second box
Here is a sample URL from one of my “pinnable” photos
https://secureservercdn.net/45.40.150.81/enk.53a.myftpupload.com/wp-content/uploads/2012/07/IMG_3079_edited-1+copy.jpg

Box 3: Then you will need a “Description” for the photo.  I use the full name of the Recipe along with my Blog Name so readers will know where the recipe came from
Example:  Chesapeake Bay Crab Dip-Baked In The South
Once you have all three boxes filled, Pinterest will automatically generate the HTML you need to add to your post. 

Go to the HTML Editing side of you post, copy and paste the Pinterest HTML below the photo you want pinned.  Go back to the Compose side of your post to check that it was entered correctly.  I always view the post, click on the Pin It button to make sure it was done correctly.  Save and you’re done!

Happy Pinning!

Linking up with these Lovelies!

 
 

Similar Posts

13 Comments

  1. I truly love your website.. Very nice colors & theme.
    Did you develop this site yourself? Please
    reply back as I’m hoping to create my very own website and want
    to know where you got this from or exactly what the theme is called.

    Appreciate it!

Join the conversation!