Linkbar

How to Add Social Media Icons in Blogger

First off let me say that I am not an expert on Blogger. In fact I am quite the opposite - I am new to the blogging scene. For the past month I have been trying to figure out how to add Social Media icons to my blog. I would visit other blogs and be in awe of their cool social media icons. How did they do it?

4. Open up a blank text file or word document. Note: You don't have to do this step, but I did it to help me through the process.

5.In Photobutcket, navigate to one of the icons you want to use. Click in the box next to HTML code and paste it into a word or text document. (See image below - It's Slater from Saved by the Bell. Yummy!)

6. For each HTML code you pasted in your text or word document, update href with your direct url for that respective icon. For example, for the Twitter icon update href with your twitter url (http://www.twitter.com/(insert your twitter @name). (See Image below - Sorry no Zack or Slater pics on this one.)

7. Go to Design in Blogger and click Add Gadget.

8. Select the HTML/JAVA SCRIPT gadget.

9. Copy and paste in your HTML code from your word or tect doc of the icon(s) you want to display on your blog in the Content section. For the title, be creative - put 'Stalk Me' or 'Follow Me' or whatever you want (maybe just leave it blank).

10.Click Save and ta da! You should now have social media icon(s).

For resident experts, did I do it the hard way? Do you have any tips about adding social media icons?

thanks so much for this, I've been wanting to do this and just haven't got around to finding out how. it was really easy to understand and worked fine. neither size of icon works right so I will have to custom size them soon but now that I know how to do it, I shouldn't have a problem.Voted for your cutie!

Thank you for such wonderful instructions, these were perfect!!! I have been stumbling for days how to do this. I have 2 11 month old twins so I have been trying to create these while being with them. After days of looking and looking and striking out, your very informative instructions were exactly what I needed. THANK YOU SOOOO MUCH! I am @ www.frugalandlovingit.com. I used the heart social icons and they look so cute :)

Thank you SO much for this tutorial! After much googling I finally found this page with your very clear and concise instructions, and I was able to put social media buttons on my blog in no time. You are awesome!

This may be a very stupid question, but I'm going to ask it anyway. I found the icons that I want to use, and since I have a blogger profile, I just added them as a picture, with a link to the corresponding icon. How do I get the icons on the same line?? It's driving me crazy.

Thank you for sharing this! One of my blogs has a custom template and I have not been able to add G+ button to it anywhere-driving me crazy! Some of my blogs with the blogger templates allow me to add the share buttons at the end of each posts, but for some reason it is not so easy with custom templates.

Thank you sooo much for this - I struggled and struggled - in my sleep-deprived-baby-barfed-is-it-really-3-am state of mind. That is until I literally followed your step by step instructions. You totally made my day - and my blog!

WOW!! It worked. I have been trying for at least 2 days to do this exactly how I wanted. I tried following others "expert" instructions and had errors or problems and was frustrated sitting here for hours. I finally came across your blog. And viola! It worked and looks great. Thanks so much!!

Thank you so much! I spend a couple hours this morning trying to load social media icons to my sidebar. A few blogs recommended to me made it so complicated. Then I found yours and your directions made it so easy to do, it took me m10 minutes! Thank you so much!! You made this process so simple!!

I'm going to join the 101 other people in saying you did a fantastic job in explaining this process. I have been frustrated for a few weeks now trying to figure it all out and you simplified it beautifully. Thanks a million!

Thanks for the very clear instructions!! :) I thought I would give it one more go and I'm glad I did! I even added the share links too (although at the moment they seem to appear and disappear like the wind). After a bit more tweaking it should be fine :)

Wow! you are absolutely brilliant! Thank you for taking the time to publish this. I've spent waaaaaay too many hours trying to figure it out myself. If you get a chance I'd love for you to join my network. http://dogtime2shine.blogspot.co.uk/

I'm trying to get through the process of adding my icons, can you tell me how you linked your email icon up to the form where readers can email you? I don't know what to put int he 'url' section. Thanks for the help!!!