We will send you a weekly summary of all new articles and more

Many themes and templates already include a set of social media icons or buttons. But perhaps you don’t like the ones with your template, or perhaps you don’t like where they are by default and want to set up your own. Setting them up in a nice neat row can also free up valuable space on your sidebar. However, that can be pretty confusing unless you know what to do.

Fear not – all the code you need is below, and you can follow through the step by step for how to add cute social media buttons to your site, in the tutorial video. Do enlarge the video or show it full screen in high resolution so you can follow through. And before you know it, blog prettiness (and practicality), and social media followers can be yours.

Here is the code used in the video. Copy and paste this into your widget and then replace the capital letters with your own social media addresses, the link for your icons and the hover text. It’s really not as complicated as it looks – the video will show you how.

If you need to make your icons smaller so that they will all fit in one row, set the size using width=XXpx where xx might be typically 40-62 pixels, or smaller if you have a narrow sidebar or a lot of icons. The smaller the number = the smaller the icon.

19 cute icons in a choice of colors – these are the ones used in the video. 19 different icons to chose from in a lot of colors. Why not mix and match and have one in each color to co-ordinate with your blog header?

Share This Post and sign up for more

Thanks for reading and sharing

Want to learn more cool tips to improve your blog?

Join the list at Moms Make Money for a weekly round-up email and special subscriber only offers, news and info. Improve your blog, get your questions answered in 'Readers Questions' and learn how to earn from blogging.

Hi Carrie – yes it should certainly work for blogger. I tested it on one of my old sites. Would you like to copy the entire code from your sidebar widget into an email and send to me, and I’ll look it over and test it…and a screen print if you can take one of what end result you get on your site. Email [email protected]

I have been thinking about doing this on my blog so I really appreciate your post. Also looking forward to perusing your site here as I an leaning toward putting ads on mine but not sure where to start.

Thanks for sharing this. I’ve been meaning to spruce up my site with nicer buttons! I am always so grateful when someone takes the time to share their experience with newer bloggers like me! Happy Easter!
I found you at the Sundae Scoop-
Kate @ Eating in the Shower

This is great!! I agree – having the buttons in a nice and neat row or grouping makes a huge difference on the sidebar! I’m kinda OCD and these play a huge part in my first impression of a blog! Thank you for sharing this!

I’d love for you to share this at the Pinterest Power Party – it goes live Wednesday at 5:00 pm {PST}! The link is below but it won’t be accessible until then… Hope you have a terrific Tuesday!

No blog is complete without social media buttons! Thanks for your tips! Thanks so much for linking up to Give Me The Goods Monday! Can’t wait to see what goods you bring next week! Jenna @ Rain on a Tin Roof

I have to say a HUGE Thank you. I just launched my buttons. The tutorial was easy too.

How about sharing this at Pin It Monday Hop Where you pin and get pinned (LINK). You can share up to 4 post. If you get a chance, I’d love for you to stop by and share your project with us. I hope to see you there.

Hi Cindy – no it doesn’t have to be Photobucket, it can probably be any of the online photo hosting and sharing sites. The files have to be hosted online somewhere so that they can be ‘called on’ when your page loads to display the images. Once you have a photo account, you upload the images and then there will be an option to share. It will be here thatyou will find the various ways to share your images, and on will be a direct link which you can copy, starting with http://. If you need help, do use the email icon and drop me a message and I’ll be happy to send you a step by step video tutorial of exactly how I upload and find the link.

Hi, Deby! Your tutorial is awesome! I’ve made more progress with this project, now that I’ve found your helpful video and codes needed for installing in my widget. I’m having trouble finding matching circle icons that include the Hometalk button. I know it’s a new site, but where can I find the icon? Thanks in advance for your help (again!).
Kim @ Curtain Queen

Hmm, its a new one to me but I like the site a lot. I can make you a circular button using the Hometalk graphic – just let me know what color you want – send me the color code (or one of your other buttons to copy the color) and I’ll have it done in a jiffy. Use the email me link.

Thank you a million times over for the tutorial, Deby! I was struggling all day with adding social media icons to my blog (I’m not techy at all), and then I came upon your site with a google search–your instructions finally did the trick! I’m thrilled with the results. I’m signing up for your newsletter immediately…

Hi Chelsey, no I don’t know and I’ve not been able to find the answer online. Are you trying to create a button for their site? It seems like most sets don’t have this button. Maybe this is a project for the future for the MMM site!

This was magnific. I am really grateful for this. A few modifications and there you are! The buttons exactly as one wanted them to look and to work! May God reward you for your work and your kindness in sharing 🙂

I just have to thank you for your great posts! I’ve done several (very high-tech-to-me) things on my blog because of your help. Your explanations are always so easy to follow and well explained. I really appreciate your tips and your site. thank you!

Interesting article, I recently found an interesting tutorial and that seems really nice… I find a very easy method described there, how can you make money with facebook… [link removed]
does not seem all that complicated and not have anything to lose …
has anyone tried this method? can anyone help me with some advice?

That link leads to the lamest, most unethical and least likely method to earn money I have ever seen. I’m assuming its your own link and you are trying to drive traffic there for some reason, but honestly, who do you think is going to fall for that! Stop wasting your time and do something genuine.

Hi Catherine,
Thanks for the comment, you pointed out a bug in the site which we’ve now fixed. The code is now on the page but to be honest, there are easier ways now to imbed social media icons such as using Jetpack or many good WordPress themes have them incorporated right into the them now. You can check out our article: Are you mobile friendly? for the themes we recommend. Like I said, the code here will work but I think there are easier and more elegant ways of doing it now. Guess it’s time for a new article on the subject?