How to Add Social Media Icon in Blogger Sidebar

If you want to connect with people by using social media icons in your blog then this post might be helpful for you. There are lots of customized social media icons are available online. You can collect those icons for free. Upload the icons on Flickr or in some social media like this to collect your icon url. Now, you have to follow some few steps to add social media icons to your blogger sidebar which I have shown below.
                                                        

Steps:

1. At first go to your Blogger's Layout page.

2. Click on Add a Gadget and add HTML/JavaScript gadget.

3. Now paste the following codes inside that gadget-

<a href="YOUR SOCIAL SITE URL"><img alt="Follow us on Facebook!" height="72" src="YOUR SOCIAL ICON IMAGE LINK" width="72" /></a>

For example-

<a href="https://web.facebook.com/techknowledgeblog"><img alt="Follow us on Facebook!" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnvfVSkbNnlm2msWxx-hA_APMmfa0aUN3Psgv2w1hdRPrtLpAiKmRmeA3RIRIcRHGVm6FWzWU35qKzlkLQLpJAA2xTdzjv2OJNnl0rrgL4zjyPzxst6wpEwtYMQPKjCCWQrkdC5hFkQgw/s1600/facebook.png" width="72" height="72" /></a>

4. If you wish to keep icons side by side then place the codes side by side I mean paste your new code just after </a>. For example-

<a href="YOUR SOCIAL SITE URL"><img alt="Follow us on Facebook!" height="72" src="YOUR SOCIAL ICON IMAGE LINK" width="72" /></a><a href="YOUR SOCIAL SITE URL"><img alt="Follow us on Twitter!" height="72" src="YOUR SOCIAL ICON IMAGE LINK" width="72" /></a>

5. Now save the gadget and you are ready to show your icons.