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?

It finally dawned on me that I could use similar steps that are based off a post I found from @moneysavingmom’s site about creating your own blog header.

Hope this helps any other new bloggers out there!

1.Open a Photobucket account if you don’t already have one. (Make sure your account is set to Public).

2. Download the social media icons you would like on your blog. Here a couple articles with really nice icons/icon packages that you can download for free:

33 Beautiful Social Media Sets for Designers and Bloggers

The Best Social Media Icons All in One Place

3. Upload the icons to your Photobucket account.

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. (Image example can be found on Adventures as a Small Town Mom’s blog – just search for this article.)

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).

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?

Tags: , , ,