• Email
  • Facebook
  • Google+
  • Instagram
  • Pinterest
  • Twitter
Contact Us HERE Now!!

J9 Designs

Blogging Made Easy

  • ABOUT US
    • OUR PRIVACY POLICY
  • BLOG
  • PORTFOLIO
  • SERVICES
    • GET STARTED
    • A LA CARTE BLOG SERVICES
    • SOCIAL MEDIA SERVICES
    • WEBSITE START UP & REDESIGNS
    • WEBSITE TRANSFERS
    • VIRTUAL/SOCIAL ASSISTANT
  • TESTIMONIALS

‘Pin It’ Pinterest Custom Button Tutorial

September 9, 2014 by J9 Designs Filed Under: BLOG, Blog Advice, Blog Services, Wordpress Plugins

Bloggers love Pinterest!

Pinterest Logo

 

Yes, I am a designer, but I am also a blogger at heart, too.

And the designer in me can’t help, but like to use customized images for all my blogging needs.

And yes I love social media, especially Pinterest.

Pinterest is the bread and butter of sharing for most bloggers.  And no you don’t have to just be a crafty or foodie blogger for this.

Any images you put into a blog article is fair game for pinning on Pinterest to get your post extra exposure through this social media outlet.

And if you blog on either Wordpress or Blogger, then there are indeed social media share buttons (Pinterest included) on each post if you have set up your social sharing buttons for posts correctly.

However, if you have ever read your fair share of blogs, you know many blogs have these cute little Pinterest “Pin It” buttons on all post images when you hover over these images.

If you would like to make your own Pinterest ‘Pin It’ button to use on all images in your articles, then sit back to find out how to do this on PicMonkey (yes I love them and as you know am a professed fan) now.

First things first, I like to match my themes font or at least use a font that works with my blog’s overall feel.

dafont.com for all your font needs

For this reason, I use Dafont, which has in my estimation the best overall amount of fonts to try download and use on the Internet.

Once I have searched, chosen and downloaded a font the fun can begin.

Steps in Creating a Custom Pinterest “Pin It” Button:

1.  Go to PicMonkey & Choose “Design”

Select Design & Square

Select Design & Square

2. Edit the Color Code to Match the Color You Want.

Enter Color Code Here

Enter Color Code Here

3.  Pick the Text You want to use from the text tab and use the “Yours” tab.  Then you can indeed scroll down and find the font you want that is on your own computer and font book.

Pick the 'Yours' Tab

Pick the ‘Yours’ Tab

4.  Add the selected text box and type “Pin It”.

Text Pin It Entered in Your Font

Text Pin It Entered in Your Font

5.  Make sure to center the text and now use ‘Shape Cutouts in the sidebar menu for Frames with the ‘Heart Shape’.  Keep the background transparent.

Use the Heart Shape Cutout in the Frames Menu

Use the Heart Shape Cutout in the Frames Menu

6.  Now we will make the text color white by using the color code: “ffffff”.

Change the Font Color to White

Change the Font Color to White

7.  Enlarge the text and put the words “Pin It” on separate lines by entering the “It” text.

Resize and Center Pin It Words

Resize and Center Pin It Words

8.  Now Make Sure to Save Your New Custom Pin It Button to Your Computer.

Save Your Custom Pin It Button

Save Your Custom Pin It Button

Once you have your Custom Pin It Button, you will need to upload the image to either your Blogger or WordPress Blog.

New Custom Pin It Button

New Custom Pin It Button

Want to make your own custom #pin it button for your #blog images? Learn how to here now!! #pinterest #socialmedia #sharing

Click To Tweet

How do you do that?

  • For Blogger, I wrote an actual tutorial here on how to indeed insert a custom button here.
  • For WordPress, you can upload a plugin called, jQuery Pin It Button for Images. I use this plugin myself and it is very easy to set up in the plugin settings, you will need to be in the visual tab to copy over your image URL. Below is a screenshot of how I set the plugin for my custom “Pin It” image up:
Screen shot of jQuery Pin It Button for WordPress

Screen shot of jQuery Pin It Button for WordPress

And there you have it, a basic tutorial on how to create your very own Custom Pinterest ‘Pin It’ Button for all your pinnable blog images.

Happy Pinning!

**If for any reason, you are unable to do this, I can indeed help you and do offer this as an Ala Carte Service here. Please feel free to Contact Me and I would be more then happy to do this for you.

It's only fair to share...Share on Facebook
Facebook
Tweet about this on Twitter
Twitter
Pin on Pinterest
Pinterest
Share on LinkedIn
Linkedin
Email this to someone
email
Share on StumbleUpon
StumbleUpon

Comments

  1. Robin (Masshole Mommy) says

    September 9, 2014 at 7:02 am

    Look how easy you make it 🙂

    • J9 Designs says

      September 9, 2014 at 7:36 am

      Aww, thanks Robin and seriously I try to make it as simple as possible and hope that it is for all looking to do this for themselves now 🙂

  2. Kim @ HappyPrettyBlog says

    September 9, 2014 at 7:54 am

    Great tutorial! I love anything that helps customize your blog even more!
    Kim @ HappyPrettyBlog recently posted…Work At Home Mom EarningsMy Profile

    • J9 Designs says

      September 9, 2014 at 8:03 am

      Aww, thanks Kim and so happy to help make that customization that much easier for you and all who want to do this now 😉

  3. Carrie Groneman says

    September 9, 2014 at 9:44 am

    My word girl, you are such a wizard at this blogging and you make it look easy enough that I dare even try it! You have a gift for design and thank you for sharing with all of us! Carrie, A Mother’s Shadow
    Carrie Groneman recently posted…Fresh Peach Pound CakeMy Profile

    • J9 Designs says

      September 9, 2014 at 9:48 am

      Aww, Carrie seriously thank you for your kind words and I do love designing. I must admit I couldn’t draw my way out of a paper bag with my hands, but when it comes to computer design, I truly can’t believe what a difference this medium does make for me. But still thank you a ton for saying this and for also sharing!! 🙂

  4. Diane Roark says

    September 9, 2014 at 10:24 am

    Janine,

    Thanks for the easy idea to make custom PIN IT buttons. I totally agree with Carrie. You have a gift for designing blogs. You make everything look easy. Have a great day!
    Blessings,
    Diane Roark
    Diane Roark recently posted…Cookie Dough Cupcake & GiveawayMy Profile

    • J9 Designs says

      September 9, 2014 at 10:41 am

      Aww, between you and Carrie, I can’t say enough just thank you for always being so kind to me and just glad I can share here for all (and help) when I can!! Have a wonderful day, too!! 🙂

  5. Pure Grace Farms says

    September 9, 2014 at 11:33 am

    I LOVE this tutorial and am pinning it in my blogging tips to be able to use it later. I am looking forward to creating my own custom button. Time is always the huge issue for me. Soon, very soon.
    Blessings,
    Shari
    Pure Grace Farms recently posted…Preserve the Harvest Series: How to Freeze Green BeansMy Profile

    • J9 Designs says

      September 9, 2014 at 12:21 pm

      Shari, your comment made my day and so glad you can use this. And huge thank you for pinning, too!! 🙂

  6. another jennifer says

    September 9, 2014 at 9:23 pm

    So cool! And super easy too. Thank you so much for sharing this, Janine!
    another jennifer recently posted…Killing KindergartenMy Profile

    • J9 Designs says

      September 9, 2014 at 9:26 pm

      Aww, totally happy I could share and that you can use this, too Jennifer 🙂

  7. Joy @ Yesterfood says

    September 21, 2014 at 9:31 am

    Janine, you are sooooo good at what you do! I loved this tutorial. I have pinned it so I can refer back to it as needed. Thank you for sharing it with us at Treasure Box Tuesday! 🙂
    Joy @ Yesterfood recently posted…Chocolate Buttermilk CookiesMy Profile

    • J9 Designs says

      September 21, 2014 at 11:08 am

      Thank you so much Joy for pinning and so glad you found this tutorial useful 🙂

  8. bonus de paris sportif says

    April 1, 2016 at 12:03 am

    Great information. Lucky me I found your blog by chance (stumbleupon).
    I have book marked it for later!
    bonus de paris sportif recently posted…bonus de paris sportifMy Profile

    • J9 Designs says

      April 1, 2016 at 10:40 am

      Thanks and truly appreciate you bookmarking, too.

Trackbacks

  1. Do You Want More Blog Views? - J9 Designs says:
    September 16, 2014 at 6:01 am

    […] Pin It Share Button on all images.  If you would like your own custom pin it button, you can click here for more information on how to make one and remember if you still are unable to do this after […]

  2. WordPress Blog | 10 WordPress Hacks For Bloggers says:
    June 3, 2016 at 7:45 am

    […] plugin called Jquery Pin It Button will help you do this. and you can find a tutorial here on how to install, activate, and use this plugin to it’s fullest Pinterest sharing […]

Want to Write Killer Blog Posts?

FOLLOW US ON BLOGLOVIN:

Follow

NEED HOSTING?

Wiser Sites Hosting

Need Premium Themes?

Genesis Framework for WordPress
feminine wordpress themes
Dazzling Theme

Need Primo Photo Editing?

PicMonkey Photo editing made of win

Proud to Be A SITS Girl Community Lead!

Use Bill Me Later:

Hi From J9 Designs!

Let’s face it, trying to balance a family, kids, business, and maintaining a blog can be tough work. In addition, trying to find the time to tweak or debug one’s blog can quickly escalate from minutes, which I have anticipated, to hours. Now you may be asking yourself is there a solution to this … Read More...

GET OUR NEWSLETTER:

* indicates required

Copyright © 2022 J9 Designs Designed By: J9 Designs