How to Add Social Media Buttons to Your Blog

I just recently added some social media buttons to my blog when I decided to clean up my sidebar. I know this isn't my usual kind of how to post but I figured this could be helpful to some of you. At least this way you won't have to waste so much time trying to figure it out like me. If you don't already have some on your blog and want some here's how I did it.

1. First of all you are going to need your image. I figured out my sidebar size and divided that by the amount of buttons I needed in a single line. 
2. I created my image in photoshop. I just used the shape tool and drew in the symbols for the button with my tablet. Or you can draw the circles yourself, like I did in the illustration above. Once you have your image, upload it to photobucket.
3. Open up the page to update your layout of your blog and add a gadget. Select HTML/Javascript.
This is the html code you will use. 

<a href="DirectLink"><img src="PageLink"/></a>

In the above code the yellow portion represents the web location of your image. When you open your photo in photobucket you can copy the direct link and paste it into the code.

The green portion represents the url address for the page you want the image to open. 

Do this for each of your buttons.

I know I don't know too much about all of this coding stuff but if this helps at least one person I'll be a happy girl.

xoxo erica

Oh and one of the new buttons I added is for bloglovin.

If you're not already, please stop by and feel free to follow me there.

And I always wanted to say thank you to everyone for your sweet comments yesterday. It's been about a week since William passed and hearing all of your comforting words really helped.