Pages

Friday, June 21, 2013

How to Add Buttons to Your Blog + Free Social Media Buttons!


I've looked at a lot of free social media icons available and it seems like a lot of them are very similar. So I thought I'd try designing some that might be slightly different. I love the way these ones turned out! I used some of the Pantone Summer 2013 Colors as they are very bright and cheerful. There are 6 colors with 10 icons in each set: Facebook, Twitter, Pinterest, Etsy, Linked In, RSS, Tumblr, Google+, Instagram and Bloglovin'.


Download the buttons at these links: 

If you are not familiar with adding buttons to your blog, this is how I do it: (I am using Blogger so I do not know how to add them to a Wordpress blog, although it is probably similar)

The first thing you need to do is upload all your images to a photo hosting site such as Photobucket. That's the one that I use. Next go to your blog dashboard > Layout > Add Gadget > HTML/Javascript.


Use this code to add each button that you want to use:
<a href="WebsiteAddressHere"><img src="ImageAddressHere" width="Width" height="Height"></a>

The buttons I made are 75px, if you want to leave them that size you can leave out the width and height, if you want to make them smaller you can put in the pixel size in those areas. 

Copy the direct link for your image from Photobucket and paste it into the "ImageAddressHere" area.



Change the "WebsiteAddressHere" to the URL for your account on that site. For example this is what my Twitter Button would look like:

<a href="https://twitter.com/dreamstoplans"><img src="http://i1362.photobucket.com/albums/r687/7107/twitter-sidebar_zps122e1f14.jpg"></a>

Do the same thing for each button you want to add, all on the same gadget.

I hope this is clear, if you have any questions feel free to ask me in the comments or by email and I will try to help! If you do end up using my social media buttons on your blog you should let me know so I can check them out in action! I will probably be making more eventually so keep an eye out for new ones in the future. Hope you all are having a lovely start to your weekend!


Follow me on PINTEREST, FACEBOOK and TWITTER!

(I might be linking to some of these lovely parties)

15 comments:

  1. Love this! I pinned it to my blog tips board. :)
    The Grass Skirt

    ReplyDelete
  2. Your buttons are adorable!! I love them. Glad I found your blog. Found you through the Fun Friday Blog Hop.

    ~Jen

    http://www.jenloveslife.com

    ReplyDelete
    Replies
    1. Thank you! I hope you are having a great weekend :)

      Delete
  3. Thanks so much for the tutorial. When it comes to adding stuff, I need to have someone tell me how to do things.

    http://heidiswanderings.blogspot.com/2013/06/i-want-job-just-like.html

    ReplyDelete
  4. I also pinned this so I can add these to my blog. Thanks!

    ReplyDelete
  5. Thank you, thank you, thank you!! I used your tutorial to finally add some social media buttons to my blog. I just needed some simple round buttons, but I hadn't taken the time to figure out how to do it yet. So thanks!!

    ReplyDelete
    Replies
    1. That's great! I'm so glad I could help out a little :)

      Delete
  6. OMG I have been looking for this for a LONG time!! thank you so much! I am glad I found your blog through the blog hop!

    Cassandra
    http://www.360in80days.com

    ReplyDelete
    Replies
    1. Yay! I'm so glad I could help :) and you even used my buttons, that's awesome!

      Delete
  7. Stopped by from Let's get social Sunday and I LOVE these social media icons.. too cute. Pinned them too :) Following along on bloglovin and facebook now. Hope you have a great week!

    ReplyDelete
    Replies
    1. Aww thanks! I'm now following you on Bloglovin as well :)

      Delete