Blogging Tutorial | Utilize Pinterest

Happy Monday friends! Did you have some time to rejuvenate over the weekend? I still feel like I could have used more but hey, that’s life! I thought I would start this week off with a tutorial for you bloggers out there.

You may have noticed I recently added a “pin-it” button to my blog. I had been putting it off because I thought I would need to set up a good amount of time to code it and make sure it runs smoothly on my blog. Turns out it’s really simple and anyone with a wordpress blog can learn to make a custom one in a few easy steps! Pinterest is a great tool to use for anyone who sells or promotes their business or product online. Last year Pinterest generated more referral traffic for businesses than Google+, YouTube, and LinkedIn combined! (More crazy Pinterest stats here) So that being said- utilize Pinterest as much as you can!

Here’s how you can start! (This tutorial is for WordPress. But if you use blogger, this is supposedly a good tutorial to check out.)

1 // Log into your WordPress blog and select “Plugins –> Add New”

2 // In the “Search” area, paste “jQuery Pin It Button For Images” (There are quite a few different plugins you can use for this, I tried a few and this one worked best for me. And it allows you to use your own “Pin It” image, which is pretty cool when you’re looking to have a cohesive brand.)

3 // It should be the first one to show up under your search, go ahead and click “Install Now” Once the plugin has been installed, go to your blog homepage, scroll over your images to make sure it’s working correctly.

4 // If everything is working ok, head over to your “Settings” on the left sidebar, and click “jQuery Pin It Button For Images”. Here you can adjust your settings like choosing which pages you want the button to show up on, as well as upload your own image.

5 // If you know a little bit of Photoshop, it’s really simple to create your own button. You can also download the free trial of Photoshop to play around and make one. (If you’re serious about blogging, I really recommend purchasing and learning Photoshop, as it’s a great way to create custom layouts and more!)

6 // Create your Button in Photoshop. Open up Photoshop, and create a new document (File —> New). Since we’re creating for web, make your resolution 72dpi. A basic size to go off of is 80 x 80 pixels. (If you want it bigger or smaller, it’s totally up to you- view your doc at 100% and you can see what it will look like to scale)

7 // Design your button! Use fonts and colors that will go with your brand. You can have it be an image of your choice, or simply tell people to “Pin It!” Get creative with it.

8 // Once you have an image created, head back over to WordPress. Your settings window should still be up. At the bottom of the settings you will see an area you can check labeled ”Use Custom Image”. You can upload your image in the “Media” section of WordPress and grab the link to the image. Copy that link and paste it in the “URL address of the image” area in the “jQuery Pin It Button For Images” settings. Once you have the URL in there, write in your height and width of the image you created. (Can be found by going to Image —> Image Size in PS) Once that info is placed in, press “Update Settings” at the bottom of your settings.

9 // Head over to your blog, reload the page, and see your brand new “Pin It” button in action! Look at you making your blog look all official. Relish in your awesomeness.

Enjoy! And if you have a particularly cool button you want to show off- post a link in the comments- I’d love to see what you come up with!

11. February 2013 by Joanna
Categories: Tutorials | 22 comments

Comments (22)

  1. Joanna! This came at a PERFECT time. I’ve been struggling to cross this off of my to-do list because for whatever reason I just couldn’t get it to work correctly. Going to take your advice and try again today – thanks!

  2. i like to read your blog :)

  3. Hey Johanna, is this only for WordPress.com blogs, or can it be used with the WordPress.org software as well? Thanks.

  4. This is fantastic! Thank you for sharing :)

  5. Pingback: Link Love: 2.14.13 | Nubby Twiglet

  6. Thank you for sharing! I’ve been slowly spiffing up the blog and it’s little details like this that make a big difference. P.S. your instructions were really easy to follow, good work :)

  7. This is just what I was looking for. I have been trying to figure out how to do this for a couple of weeks now and I just so happend to see a link to it from Nubby’s blog. Thanks for sharing. It was pretty easy to do since your instructions were so clear! I am still having trouble restricting images. but for now I am happy!! Thank you!

    You can check it out if you want http://www.coloroverboard.com/blog/

  8. hi there!! i can’t seem to find the plugin menu in wordpress. you’re using wordpress.com, right?

  9. Perfection! Just used it and can’t believe how easy it was! Thanks so much!!

  10. Pingback: Links Loved • Pugly Pixel

  11. Aggh, this is great! I use Blogger at the moment, but I’ll check out your recommendation on that link. Maybe soon enough I’ll make the switch to WordPress.

    Found you through your interview with Jane Reaction. You are TALENTED, lady! :)

  12. Thank you so much for this great tutorial! It was easy and so helpful! Thank you!

  13. OH! This is perfect – I can now have a beautiful pin it button! Yay! Thanks so much! xxx

  14. Pingback: My Guide to Blogging: 10 Tips for Beginners | Evelyn Henson

  15. Thanks! I have been wondering how to do this (among a million other wordpress updates)! Excited to try it out!

  16. Pingback: Recipe For Press | TECH TIP: Pinterest Buttons

  17. Hello! I really want to be able to add the pin in button to our new blog but I dont have the “plugins” option on my dashboard. Do you know why? or how I can get it?
    Thanks!

  18. Pingback: How to Use Pinterest to Increase Blog Traffic — Allyssa Barnes

  19. So glad I stumbled across this post! Do you know how to turn off the feature on the small sharing buttons in the footer of posts?

Leave a Reply

Required fields are marked *

*