WE'VE MOVED!! You can now find us at Sunshine and Spoons!

Sunday, April 21, 2013

How To Make Your Blog Post "Pinnable"

Pinterest, blogging, business, tutorial

If you're like me, you have a "pin it" button installed on your toolbar and you aren't afraid to use it...liberally (at last check, I had over 4000 pins on my 48 Pinterest boards).  However, not everyone has that button installed or maybe they just need a little nudge to pin something from your blog.

Here's how to make your blog post "pinnable."

First write your blog post, complete with pictures (you can't pin words!), and publish it.  Now before you start promoting it on your Facebook page or Twitter (you do have those, right? Because they're awesome and free ways to promote your blog!) open your blog post like you're going to read it, and then open the Button and Widget Builder page on Pinterest in another tab.  Select the "Pin It Button."  Under Button Type, select "One Image."
Copy and paste the URL of your blog post into the first space.  
Click on the picture in your post that you want readers to pin so it opens up in the window by itself.  Copy and paste the URL of the image into the second space where it says "image."  Finally, add a description of your pin (Examples: Awesome giveaway at Awesome Giveaways Blog, How to host an awesome giveaway on your blog,)  Click on the red button that says "Build It!" and scroll down to copy your html code.
Next, open your blog post back up to edit it.  You do not need to be in HTML format to add the code.  Paste the html code right below the image you just built a pin for or wherever you want the button to go in your post.  Publish your post and you're done!

I decided to put the html code right below my picture so the Pin It Button shows up directly below it.

Now, if you want to create a hover button (for an example, hover over any of the pictures in this post!) on the images themselves, go back to the Buttons and Widgets Builder page on Pinterest.  Select the "Pin It Button" and then select the option that says "Image Hover" for the button type and click "Build It."  Copy and paste the html code onto the very bottom of your blog post.  Once again, you do not need to be in HTML format to add the code.  You probably want the description on the pins to be filled in for people which is helpful because sometimes people just hit the period and call it good enough which makes it harder for your pin to be repinned and found on Pinterest.  Click on the image in your post while you're editing and click on "Properties."

Under "Title Text," fill in the description just like you would for a pin.  Hit publish and admire your work!  

Thanks so much for visiting Supermommy!...Or Not.  I'd love for you to like me on facebook" and follow me on Twitter!  


  1. Thank you so much for this! I was just trying to figure this all out last week!

  2. Thanks for this, you helped me a lot :)

  3. Thanks for this! Just what I was looking for!


Thank you for your comment! I read and appreciate every one.

Related Posts Plugin for WordPress, Blogger...