Photobucket, Pinterest, and Blogger - How to Make them Compatible

There are a lot of new changes over at Pinterest. You've probably seen some infographics on that very subject. Today I want to talk about your photos. As a blogger, we all want our photos to be ultra pinnable, and we want them to have the most SEO friendly cations, right? Right. If you use Photobucket to host your photos, you may not be getting what you want. I'm here to help!

Basically, I'm going to cover the html portion of blogger posts and image hover with Pinterest. That may sound hard, but it's really not. I'm not an html genius, and you don't have to be either.

I'll start with an example. If you use Photobucket to host your Blogger photos, and you don't change anything in the html coding, here's what your pinnable photo will look like on Pinterest :

See that caption. Not so pretty, right? We need to fix that. But first, you need to know what it will look like before. {Since I've already fixed this photo, the sample html will be from a different photo.}

Check out the text in red. That's what you need to change. If you don't, your photo on Pinterest will have that caption, and well, that's just not good. 

This really frustrated me at first. You see, Photobucket recently changed their privacy policy. Before, when you titled your photo on Photobucket, the img title would show exactly that. Now, they have made it more complicated, but that's ok!

Here's how you should want your photo to look when pinned:

Isn't that much better than the first photo? As I stated earlier, you just need to change the text in your html (where it was highlighted). Here's what the html should look like:

Be sure to add your Twitter handle and hashtags. There is a rumor going around that you can't tweet from Pinterest anymore, but that's not true! {It's just not right there in front of you anymore.} There is also a rumor that hashtags no longer work. They do, but they don't work great unless you have a super unique hashtag. However, hashtags still work on Twitter!

Now, about that image hover. It's not complicated, really. You simply need to search Pinterest Goodies { or click here!} From the main page, scroll down until you see the "Make a Pin It Button" area. Click there. 

You'll get a screen that looks similar to the picture above. See the arrows? That's where you need to click. Scroll lower, and it will give you the code. Copy the script and place it in each one of your posts. You now have image hover on all your photos. Rejoice!

So, today you should have learned: 1. How to add captions to the html of your photos, and 2. How to add image hover to your blog photos. 

If you have any questions, please feel free to let me know!