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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXk0qI6vox3E_FHZv1cE80BVfGzYNtganc2dp8bwL81-kjWYHtG46py2UdKEqk02LyjbWyUxmofuyS4WXd_BYtQOO9dy1iMAGV0qyqiktZz72nGt2_Kar44RgoStULvWEOH_UH2kl6Unk/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/AVvXsEiY318wrUTGXL8zaWlEQjzOr5B9E8YsMFRbaSQ6zKwb-UhRSwvTwbosC8NqKiHiOYF8W0WVJe3s4woRs3wC53XTWWniVGggumXnZD6X4UqWFG73yMSMXor-XiLdwegH-W3q7r1CSBnlWk8/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/AVvXsEiCe67DVjVQY_9V6AZJHrLoEBE4kdY2qryOAhYMLVrTPb_ethitpERzqF664O8uPTX6JxNWShtynk4cmWrjyzjgscCIp2YDjZyhIwegV-Av43qo4D5rHg_5ETMwvJH6pmnT9vPAVZ-om0k/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/AVvXsEiWyvpRHhqfJOKfcLQ2-Pz-Oif6lLMFxJvOx30mYNxwhfbQLBVEywdRkegwyOu8z5s75UJC3DYctfk-vUO3HTe0t2yHTQY5G1eqJQIV57b8Qtm9Gzj-mznzS8vmw8dlZLq9vtEalT4gN0U/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!
Hi jide, just used this on my blog now. Thanks a lot.
ReplyDeleteYou welcome Kanyie
Deletetanks alot jide
ReplyDeleteThanks for the appreciation
DeleteHello,
ReplyDeleteCan you please help me, how can i put social icons into header, like header of your blog?
i am very tired searching this problem. :(
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
Deletei have use this thanks pls i want steps to add comment bar in my web
ReplyDeleteHow can I reduce their size mr jide. Or what if I want the twitter icon to be represented as bird and the Facebook should be long shadow icon like your own? Thanks!
ReplyDeleteThanks for the post but i like the type you are using can u give me that code. Thanks
ReplyDelete