Skip to Content

Add Social Media Icons To Your Blog

Add social Media icons to your blog fairly easy with these five simple steps:

1. Pick your icons. There are hundreds of free ones on the web- you can check out some of my favorite sets HERE, HERE, or HERE. Or you can download the set I made especially for Our Mommy Moment readers

DOWNLOAD
2. Resize the icons you want to use to size you want them. You can do this in GIMP by opening the icon, then at the links at the top go to image/ scale image. For small icons make them 30px, for medium make them 50px and for large make them 75px. Once they are sized go to file and select save to save your icon.
3. Once your icons are sized to your liking you can upload them into Photobucket. Now download the button code- and open it up. Then grab the direct URL of your icons and put it in the button code where it says YOUR-IMAGE-URL (and leave the quotations marks there just copy over YOUR-IMAGE-URL)
There will be four lines to add in four icons- if you need more/less icons just add/remove a line. Make sure the center tags stay the the beginning and end of the code- as this will ensure your buttons are centred.
4. Now add in the social media url in with the appropriate icon- add your social media URL over YOUR-SOCIAL-MEDIA-URL (again leave the quotation marks and just copy over the words YOUR-SOCIAL-MEDIA-URL)
5. Once all your links are added in copy the whole button code and paste it into an html/javascript gadget (to find your gadgets go to ‘dashboard’, then ‘design’ then click the ‘add a gadget link’ on your page elements)
This code will automatically put your icons side by side as long you don’t make your icons too big or add too many icons and run out of room in your sidebar. You may need to play with size to get your icons to fit properly.
Have a suggestion for a tutorial? Feel free to make a suggestion- we are always looking for ways to make blogging easier.
Subscribe to our posts, it’s easy!

Kalyn

Wednesday 15th of May 2013

Are these social media icons still available for download? The download button doesn't appear clickable anymore and I was just wondering...Thanks

Kalyn

Jody @ Mommy Moment

Sunday 19th of May 2013

Hmm, I'm not sure since Lena is no longer a contributor on my blog, but I believe there are more options in the free ones she listed in the post. Sorry for the inconvenience and thanks for asking.

Jessica

Wednesday 21st of March 2012

Thanks so much for this! I've been wondering how to add these! I was wondering if you have one for Pinterest too. I see you have a personal one but couldn't find it in these sets.

Jody @ Mommy Moment

Wednesday 21st of March 2012

Sorry, I do not know. I had mine made for me.

Jerin

Sunday 17th of July 2011

Hey thanks for these social media icons.. I'd like to see some girly icons too.. please do something too...

lena

Tuesday 24th of May 2011

just remove the spaces with the backspace. is it showing up yet? Make sure you are putting the /direct URL provided by photobucket into the code instead of the html code.

Rach (DonutsMama)

Thursday 19th of May 2011

Thank you! I just added these to my blog. I feel like a genius now!