.

Social Media Icons For Blogger Blogs


Today, I am sharing with you cool social media icons you can add to your Blogger blog without going through any stress. I have uploaded the icons somewhere, hence all you need to do is to copy the code below and add it to your blog. You can add it to your sidebar, footer or to the header. It's a matter of choice.


The social icons include icons for Facebook, Twitter, RSS and Email. Below is the screenshot of the icons:



Uses

==> Use the Facebook icon to link your blog to your Facebook profile or facebook fan page

==> Use the Twitter icon to link your blog to your Twitter account

==> Use the RSS icon to link yur blog to your blog's feed address.

==> 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

How To Add Social Icons To Blogger 


==> Copy the code below into a notepad


<div class='widget-content'>
<a href="TWITTER LINK HERE" target="_blank"><img border="0" alt="Twitter" src="http://4.bp.blogspot.com/-Vuc3MhT6aSo/T9xrwCN1_DI/AAAAAAAACHk/RJgsp3ClfiU/s1600/twitter-1.png" /></a>
<a href="FACEBOOK LINK HERE" target="_blank"><img border="0" alt="Facebook" src="http://3.bp.blogspot.com/-VPuEWsibVq4/T9xrgj7_P-I/AAAAAAAACHI/Fd7XKIO6PPE/s1600/facebook-1.png" /></a>
<a href="RSS FEED URL HERE" target="_blank"><img border="0" alt="RSS" src="http://1.bp.blogspot.com/-OZH5dUgxA_Q/T9xrrTAWENI/AAAAAAAACHc/vgVJKIjg4rA/s1600/rss-1.png" /></a>
<a href="mailto:EMAIL ADDRESS HERE" target="_blank"><img border="0" alt="EMAIL ADDRESS" src="http://2.bp.blogspot.com/-0yzW8EQGwLQ/T9xrkG0HtRI/AAAAAAAACHQ/rnKVrTVS5-8/s1600/mail.png" /></a>
</div>


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

==> Login to your blogger dashboard 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

==> Save and View Your blog

You should now see the icons on your blog.

If you encounter any problem, please let me know. If you have other social media icons, feel free to share.

Cheers!

7 comments:

  1. Hi jide, just used this on my blog now. Thanks a lot.

    ReplyDelete
  2. Hello,

    Can you please help me, how can i put social icons into header, like header of your blog?

    i am very tired searching this problem. :(

    ReplyDelete
    Replies
    1. You will first have to divide your blogger header into two, then you add the codes for the social icons inside an html/javascript gadget

      Delete
  3. i have use this thanks pls i want steps to add comment bar in my web

    ReplyDelete

We love to hear from you!

If your comment is unrelated to this post, please use our Contact page.

Want to be notified when I reply your comment? Tick the "Notify Me" box.

THANKS.