Tags

, , , , , , , ,

*This post is out of my normal realm, but as I am learning to customize my own blog I thought it would be helpful to share with all of my blogger friends. 

pin it button tutorial

pin it dose of dash

Pinterest has become a huge traffic driver for a lot of websites and blogs, so the more your blog is “pin-able,” the better! If you don’t have a WordPress.org blog that allows for plugins (i.e. you have the free version of WordPress), you use Blogger, or have a regular website, here’s a quick tutorial on how to make your photos easy to pin on Pinterest.

Step 1: find an image

Find a button (an image) that you want to use. Make sure it’s a PNG or GIF file so that the image background is transparent and will blend in with your blog or photo. Here’s the one I use, sourced from Tyler Colwell.

pin it dose of dash

Step 2: superimpose button (optional)

There are two different ways to handle the Pin It button.

  1. Button under photo (skip to step 3)
  2. Button ON photo

If you don’t want the Pin It button to be forever on your image, then skip to step 3 to learn how to add the button beneath the photo.

Use Photoshop or other photo editing software to paste the button directly on top of the image.

*If you do this the image will be pinned with the Pin It button forever on it. 

Step 3: creating the link

Now you have to create the link that will bring you to the Pinterest pin details page. Here it is:

pin it link

Bolded in blue is what you will change for each blog post. Just enter the blog post’s URL in that space. If you haven’t published the post yet, WordPress (and probably Blogger, too) will show you what the URL will be at the top of the page.

wordpress permalink


Bolded in red is what you will change for every photo or image you want to make pin-able. There are two separate things in red.

  1. The link to the image’s file on your blog. So before you can make the Pin It link, you have to upload the picture you want to use to your blog’s media library or directly into your post. Find the image’s link by looking in your media library.
  2. The description, or what you want the pin to say. Leave spaces in between words and don’t use any hashtags (#).

*Make sure there are no spaces in the entire link except for in your description at the very end. 

Step 4: make your photos into links

Now you can finally go into your blog post, highlight the photo you want to be pin-able, and link it to the URL you’ve just made.

If you are using the Pin It button underneath the photo, remember to add that into your blog post too and link it to the custom URL.

Look at a preview of your blog post and test the links. If you do it right it should look like this:

share pin pinterest tutorial

pin it dose of dash

Now publish your post or make your web page live!

*Tip: it’s always a good idea to make your links (whether text-linked URLs or images) open in a blank page. This way people don’t lose track of your site when they click.

ta daa

pin it dose of dash

Ta-daa!!! You’re done! Here is a URL you can copy & paste and customize to make your own pin-able photos.

http://pinterest.com/pin/create/button/?url=http://yourblog.wordpress.com/post-name&media=http://yourblog.files.wordpress.com/file-name.jpg&description=write your description here with spaces

Thanks for reading!

Keep up with Dose of Dash on Pinterest /\ Twitter /\ Instagram

Advertisements