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!