Step-by-Step Tutorial on How to Add a Pinterest Button to Blog Images
While this tutorial will work for any blogging platform, if you are using the Blogger platform and want to add a Pinterest Button to your blog post images, look no further. Assuming you’ve already edited your photo using PicMonkey (or your favorite photo editing software), you’re ready to get started.
Here are 13 easy steps to show you how:
1) View the HTML code of your blog post. This is where you will edit your post (alternatively, you might find that it works better to copy and paste this code into Windows Live Writer or Word and then do your edits).
2. Once you are finished writing your post, you will need to enter your labels and search descriptions as show below on the right hand column.
3. Although you have not created a Pin-It button, you are now ready to publish your blog post. Once you publish your blog post, you will need to get specific information from that post in order to use the Pin-It button generator that Pinterest supplies.
4. Open up the Pinterest’s Pin-It button generator. While you are there, you need to do two other things. 1) Make sure the Pin It Button option is selected, and 2) change the Pin Count to whatever you would like it to show. I always set mine to not show, because I’m not interested in showing how many times an image has been pinned from my website:
5. Go back to your live post and highlight and copy the url direct link to your post. This is what you want your pin associated with because when other people re-pin, it will be linked back to your website.
6. Paste the url into the Pinterest button generator where it asks for URL:
10) Go ahead and hit preview and it will show you what your Pin is going to look like, followed by the code you will need to enter in the html of your post… where you want the pin it button to be displayed.
11) Now you are ready to copy and paste this code either straight into the html editor on Blogger, or into Word if you pasted your html over to that. (If you’re using Word, a good trick is to go ahead and highlight whatever new html you add, so if something doesn’t go as you know exactly where you need to go to adjust your code.):
(If you did your editing in Word it is time to copy and paste that html over to your blog post html editor before moving on to the final step.)
13) The final step to make the Pin-It button show up on your blog post is simple. You are ready to hit the Preview button to see what your post is going to look like, and then if you’re satisfied, go ahead and hit the Update button.
Now, you’re ready to be the first to pin using your new Pin-It button! Don’t wait for someone to come along and read what you’ve written. Share your pin, and help readers find your content.
Not All Pin-It Widgets Are Created Equal
While there are other tutorials out there that allow you to install a Pin-It option on Blogger, this is the only option I have found for Blogger that lets you install a Pin-It button directly under the photo you want pinned, add a description that is searchable, and allow you to have readily encourage readers to pin your images and content to Pinterest.
(Now, if you’re on WordPress and don’t care if the Pin It button is at the bottom of your post instead of under your photo, you can try this option instead.)
Once you get in the habit of adding a button to every post, the extra time it takes to add a personalized pin it button will be a no-brainer. Especially once you start to see the traffic it generates. Have old posts that should be pinned? A great way to get practice is by going through your most popular posts and adding a Pin-It button.