Mom on the Make

Finding fun amidst the chaos of Motherhood

  • Home
  • Recipes
    • Breakfast
    • Lunch
    • Dinner
    • Desserts
    • Vegetarian
  • Random
    • Family
    • Fitness
    • Book Reviews
    • Children and Teen Book Reviews
  • About
  • Contact
  • Privacy

How to Create Your Own Social Media Buttons

November 28, 2012 by Mom on the Make 4 Comments

I have been wanting to change the color of my social icons for awhile now, and decided today is the day.

So, of course, when in need of graphic design help, I turn to my favorite, PicMonkey.

PicMonkey makes creating your own social icons a snap.

Here’s the step by step….

STEP #1: Go to main page of picmonkey and press edit photo.

make social buttons on picmonkey

STEP #2: Upload a blank white rectangle. You can create an image of a blank white rectangle by uploading a photo to PicMonkey and picking the rectangle shape.  You may recall the shapes feature from PicMonkey from when I discussed it two months ago.  I then covered the photo in the white rectangle shape and saved the image as “Blank White Image for PicMonkey”.  This will make future projects like this one much easier.

how to make social buttons in picmonkey

STEP #3: Pick out your shape and color for your button.  Note: if you know the exact color code, you can type it in as shown below and hit enter to lock it.

STEP #4: Go to Blog Designer Network for free vector social images.  Save the images you would like to create buttons for on your blog.

how to create social icons on picmonkey

STEP #5: Place social images onto buttons.  I decided to use the aqua and purple from the theme colors of my blog.

how to make social icons in picmonkey

STEP #6: Time to crop your image.  Choose crop, then size rectangle to outline your icons.

STEP #7: You will want to resize this image.  I used a 280 width since my sidebar is 300.  You can adjust to whatever makes sense for your site.  Then save your newly created image.

STEP #8: After saving as an image, you will need to upload the image you have created into your media library into your blog or photo site, so that it is stored somewhere and now has a url of its own.

STEP #9:  Now, it is time to scale your image.  Go to image-maps.com. Place the url for your image on the home page as indicated by blue arrow.  Then click on the button below that says “start mapping your image”.

 

STEP #10: Image is uploaded!

STEP #11: Click on rectangle shown by the arrow below.  The rectangle will allow you to outline your images one by one and link a url to each icon on its own.

how to map images

STEP #12: Below, you can see the rectangle is around the twitter icon.  I then put my twitter social page url.  Uncheck “show text links”, then click on save.

how to map images

STEP #13:  Once you have linked all of the urls to their corresponding social icon, this is how the screen should look.  All of the icons should have an outline.  Note:  You need to click rectangle before you start the process of mapping the url for each icon, so that in the end they each have an outline as seen below.

how to map image

STEP #14:  Click on “get your code” button.

STEP #15:  Click on HTML Code and your code will show up below.

how to map an image

STEP #16:  Copy and paste the code wherever you would like your images to show up.  You’re all done!!

map image

 

I hope this helps and that you have LOADS of fun creating your new and improved social buttons.

PicMonkey makes it easy and super fun as always!!  And, our new friend, image-maps.com, makes mapping images an absolute breeze.  Gotta love it!

Friends with Kids is a Ridiculously Funny Movie
Hotel Transylvania
Halloween Popcorn Hand Craft
Tweet about this on Twitter
Twitter
Pin on Pinterest
Pinterest
1

Filed Under: Family Tagged With: blogging, tutorial

« Procrastination
Mom’s Monday Mingle »

Recent Posts

  • The Accidental Tourist, by Anne Tyler
  • What Alice Forgot, By Liane Moriarty
  • Where’d you go Bernadette? By Maria Semple
  • Mabel Messenger Bag By Jenna Lou Designs
  • Oatmeal Scotchies Recipe

Comments

  1. Patricia says

    December 3, 2012 at 12:59 am

    Stopping by to follow from the Mom’s Monday Mingle. Thank you so much for hosting. I will be revisiting this post to tweak my social media buttons. Thanks for sharing the how to.
    Patricia recently posted..BYOU Review and GiveawayMy Profile

    Reply
    • Melinda (Mom on the Make) says

      December 3, 2012 at 7:34 am

      Thanks so much for visiting Patricia. Have a great week!

      Reply
  2. ann marie pipa says

    December 3, 2012 at 2:09 am

    great detailed information. thank you! you should be getting a commission!!
    I am your newest follower from the hop..pls follow bad if you can.
    thanks for hosting!

    Reply
    • Melinda (Mom on the Make) says

      December 3, 2012 at 7:35 am

      I’m glad this is helpful! Thank you so much for visiting!

      Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

CommentLuv badgeShow more posts

Looking for Something?

More from MOTM

How to Make your Own Avatar
Today's Morning Swim Workout
Magnificent Monterey Bay Aquarium
Messy Morning
Today's Smile
Lunchtime Conversation with 4 year olds

Subscribe By Email

Archives

Related Posts

The Five Year Engagement is Hilarious
My Napa Getaway
Morning Masters Swim Workout

Sign up to receive email updates from MOTM

  • Messy Morning

    Messy Morning

  • My Favorite San Diego Resort

    My Favorite San Diego Resort

  • Easy DIY Halloween Home Decor

    Easy DIY Halloween Home Decor

Related Posts

Fiverr is an Awesome Resource
Kokkari is THE spot for Exquisite Greek Food
My New Lands' End Teak Bench

Copyright © 2023 · Foodie Pro Theme by Shay Bocks · Built on the Genesis Framework · Powered by WordPress