How To Add Social Media Icons To Blogger Blogs

These social icons include icons for Facebook, Twitter, RSS and Email. As seen in the screen shoot above. The Following gadget will allow users to join you and follow you on twitter, facebook, reading your blog through RSS FEED and like subscribing to your blog with their e-mail address.  

How Does this Gadget Works?

> You will have to use the Facebook icon to link your blog to your Facebook profile or facebook fan page

> You will have to use the Twitter icon to link your blog to your Twitter account

> You will have to use the RSS icon to link your blog to your blog's feed address.

> You will have to use the Mail icon to link your blog to your email address to make it easy for your blog readers to contact you via email.

Adding The Social Icons To Your Blogger 

> Copy the code below into a notepad or your choice of html editing software,


<div class='widget-content'>
<a href="TWITTER LINK HERE" target="_blank"><img border="0" alt="Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoy56GPOn3B7cd9v8I9SMd3J5LeiS47c-Y-zxj4xlvxw04iJ0pWI3mbToqsaSFO7hA84fg-skJi3eFVDhv1djdhEchycgq2FYtNjyYe04now0gbMl-mAgdb7vlH-3AJf7bZ00IKYpBY-o/s1600/twitter-1.png" /></a>
<a href="FACEBOOK LINK HERE" target="_blank"><img border="0" alt="Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBDOdotcNZdNsGvcXbvBRGGn6wLKnKULs2cEMGvrhJ9bkQOeRrRWINyQK4NmW8vOWbpA_8b9Jwhjux8DaEy5mqKQiBxnXktXSRYWEDIS31hHSHeW9Wr9_anwBl6SrhnFX7220064X6ldY/s1600/facebook-1.png" /></a>
<a href="RSS FEED URL HERE" target="_blank"><img border="0" alt="RSS" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy0g2t_gtiRdvWIbQY065bKsJU7AhKKHkUqLVE_oyTlR33Sal5Zx4Nz9q2Zh-z5yRX275bpT4BAV-IIeuiZIBIgn-avHp8J4f1RKIlkzwSKXWtBks11gzIu2-92HLbmL9Ba-DS6_2iM14/s1600/rss-1.png" /></a>
<a href="mailto:EMAIL ADDRESS HERE" target="_blank"><img border="0" alt="EMAIL ADDRESS" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ3wNyyegOglBJ3XpOxWbxPJrDPm3wKGUVnGal-w_A40gt0k0jDu0Z1Fl_wOo83KPRe76zs3hH7_re8VwQaqx2smXMP5KJb9zPQjWyOwh58P1VAmCOtDB0w2M_GZ0Nshhtf99qVqPY-_c/s1600/mail.png" /></a>
</div>

 Make this Changes to the Code Above 

> Insert the links to your FB, Twitter, RSS and email in the highlighted places in the code above

> Login to your blogger and go to "Layout"

> Click "Add Gadget" at any location you want to add it

> Choose "HTML/Javascript" gadget from the list of gadgets

> Paste the edited code above into the gadget and give it a title eg FOLLOW ME


If you love this post, share among your friends and do comment below to show that this tutorial is helpful.



Reference to:
Ogbongeblog