Don't Miss

Add Social Media Icons to Blogger Sidebar

By Zohaib Liaqat - 3 Comments
Social networks play an important role in building our readership and blog traffic. Social media is a great way for promoting your blog and for increasing your traffic/visitors. If you want to become a successful blogger then it's important to be active on social networks. Social media is the only place where you can easily interact with your visitors. You can use social networks for your blog promotion, blog updates and for blog notifications. But all this will be possible only if there is an option for your visitors to join you on social networks and the solution is to add social media icons widget to your blog. So, today in this tutorial we'll show you that How to Add Social Media Icons to Blogger Sidebar.
Add Social Media Icons to Blogger Sidebar

Add Social Media Icons to Blogger Sidebar

First and foremost log in to your Blogger Account >> Select a Blog >> Go to Layout >> Add a Gadget and select HTML/JavaScript gadget from the list of Gadgets. Copy (Ctrl + C) the below code and Paste (Ctrl + V) it in the empty widget box

<style>
#sidebar-subscribe-box{width:317px;padding:3px 0}
 .sidebar-subscribe-box-wrapper{background:transparent repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:0px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}
a.social-icons{margin-right: 5px;height:50px;width:45px;}
a.social-icons:hover { opacity: .7; filter:alpha(opacity=70);}
</style>

<div id="sidebar-subscribe-box">
<div class="sidebar-subscribe-box-wrapper">
    <br/>
<a class="social-icons" href="https://www.facebook.com/blogolect.official"><img src="http://3.bp.blogspot.com/-R_LOz03aji0/VBXnPhwslTI/AAAAAAAAFjg/DVMsq8jNCog/s1600/facebook.png" /></a>
<a class="social-icons" href="https://www.twitter.com/blogolect"><img src="http://2.bp.blogspot.com/-vSIymO8nWGc/VBXk5ExGT_I/AAAAAAAAFis/vmsnj3jYSeQ/s1600/twitter.png" /></a>
<a class="social-icons" href="https://plus.google.com/+zohaibliaqat"><img src="http://4.bp.blogspot.com/-k-6TTril7o4/VBXmY32-mVI/AAAAAAAAFjU/TSDx2lixQ_s/s1600/google%2B.png" /></a>
<a class="social-icons" href="http://feeds.feedburner.com/blogolect"><img src="http://2.bp.blogspot.com/-tTdNiISZVfM/VBXmZKQ-PuI/AAAAAAAAFjM/mfd1-LA46rA/s1600/rss.png" /></a>
<a class="social-icons" href="http://www.pinterest.com/blogolect"><img src="http://3.bp.blogspot.com/-kNrt5owxwQ0/VBXmZMLolsI/AAAAAAAAFjI/R3a_RqA2Y6I/s1600/pinterest.png" /></a>
</div></div>

Customization:
  • Replace https://www.facebook.com/blogolect.official with your Facebook Fan page URL
  • Replace blogolect with your Twitter Username
  • Replace https://plus.google.com/+zohaibliaqat with your Google+ Account URL
  • Replace http://feeds.feedburner.com/blogolect with your RSS feed URL
  • Replace http://www.pinterest.com/blogolect with your Pinterest Account URL
Hit the Save Button
Congratulations: You've successfully added social media icons to your blogger blog.

From Editors Desk

We hope that this article may have helped you in adding social media icons to your blog. Share this widget with your friends and don't forget to subscribe us!

Tags:

3 comments to ''Add Social Media Icons to Blogger Sidebar"

ADD COMMENT
  1. Thanks for great tips on adding social media icons into a blog. Today everyone can observe global crisis and it is no wander that so many companies are sold and purchased or just under acquisition. As for me, the best and the fastest way to perform M&A operation is using virtual data rooms

    ReplyDelete
  2. In case you're occupied with getting one of these new employments, online networking accreditation can put you on another vocation way. Facebook, Google Plus, LinkedIn, Pinterest and Twitter preparing are all cases of accessible web-based social networking courses. check here

    ReplyDelete
  3. In case you haven't noticed, social media sites have taken over the world. Pretty much everyone is on Facebook now. I bet even your Mom has a Facebook page, right? buyscplays.com

    ReplyDelete