How To Add Social Media Icons To Blogger

Social Media Icons are biggest rage these days. There is hardly any blog/website which doesn't have them. Everyone wants to get the most unique set of social buttons for their blog.

 As a result designers are coming up with new icons designs every day. If you own a blog you must know "how to add social media icons to your blog" so that you can change them any time. Here I'm telling you  a very easy method to do so without using any third party application. By using this method you only need social media buttons images. You can download stylish images as social buttons from internet or design your own buttons. Download free stylish Social Media Buttons created by me. To add social media icons to blogger just follow the given below steps:


1.) Go to Blogger dashboard and click on New Post Button.

2.) Create a new post with title Images and upload your social media icons picture there.

3.) Now right click on the one of the picture and choose copy link address from the list. Paste this address in notepad and save it for later. Also add the name of the icon (e.g; facebook) along with link address in notepad so that you can use it with that icon later.

The address will look something like this:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2CwW5S5k7ISPWXuUIwvNTpaDI49vFhHvSS_RoDrpFK2x-ps5VtZohhjM1EcuSnK9Ouy6yG9F5OkE-NBeWjh58Cp3-rxBNx7BAdlpwV38V1XhqrSh5Lf_d8uI6ipyUNgSi04rvNqYhdffC/s1600/pinkf.png

4.) Do same for rest of your icons pictures so that you have address of all the Icons pictures along with their titles in notepad file.

5.) Now save and close the Images post. You don't need to publish it.

6.) Go to layout> Add a gadget in sidebar> choose HTML/Javascript from the list.

7.) In title box add any suitable title like Connect, Connect Socially or anything you like.

8.) Now start adding the code for your social media icons like this:

<a href="Your facebook page address here" title="Like us on Facebook">
<img src="Paste link address of facebook icon picture here" width="50px" height="50px"/> </a>

<a href="Your twitter page address here" title="Follow us on Twitter">
<img src="Paste link address of twitter icon picture here" width="50px" height="50px"/> </a>

Similarly, add code for rest of your icons too.

9.) Click on Save button. You're done. 

10.) Now view your blog.

Note: Change the values in width="50px" height="50px"as per the original size of icons image. For ex; if icons image size is 48 x 48. Then type values as width="48px" height="48px"

Now you know how you can add a new set of social media icons to you blog. Create your own icons or just download from internet. I'm starting a series of social media icons soon where every week I'll design a new set of icons and upload them here for free download. So stay connected I'll be posting a very cute set of Icons tomorrow.

Also Read:
Add Designer Email Subscription Widget Below Post In Blogger Blog
Cute Popular Post Widgets For Blogger
How To Customize Sidebar Titles In Blogger
5 Annoying Factors That Might Be Killing Your Blog Silently

Get Access To All The Updates And Freebies

Sign Up For Our NewsLetter...