Add Social Media Icons to your Blogger Blog

I recently had a reader request to connect with me on other social media. Below is a good YouTube video on adding social media icons to Blogger. It is a 7 minute video by Blogaholic Designs. I've written instructions below the video.

1. Get icons and place them in a convenient file. I used icons from UIcon Stock. This set was free with credit by linking back to the set. Here's the link.

2. Go to the blog and start a new post. Title the post something like: Social Icons - Do not Publish- Do not Delete.

3. Important: click HTML mode > click image icon (indicate you want to add image to blog post) > select files from your icon file

4. A window will pop-up and ask to choose a layout. Choose NONE and the size icon you desire (I chose small).

5. Click COMPOSE  to see how social icons look

6. Now you need to turn the icons into links to those social media pages. For each icon, click icon > click LINK. This does not give you the link set-up window. REPEAT it. click icon > click LINK. (Second time is the charm.)

Now you should get the link set-up window. Add the URL for the social media icon. Test it. Check Open in new Tab. Save.

Repeat Step 6 for each social media icon.

7. Return to HTML mode. Copy the code for your icon set. If right-click doesn't work, use CTRL A and CTRL C.

8. Open your blog dashboard in another tab.

9. Go to Layout. Click Add a Gadget > Select HTML/JavaScript

10. You will get a window. Leave Title Blank. Paste code for social icon set. Use CTRL V if right-click doesn't work.

11. Save arrangement. View blog. Social Icons should appear in the right sidebar.