Don't Miss

Add a Social Media Subscription Widget to Blogger

By Zohaib Liaqat - 2 Comments
Social Media plays an important role in building a successful blog. It helps us to easily interact with our visitors/readers and also drives massive traffic to our blog. Read my previous article on 8 Effective Ways to Generate Massive Traffic from Facebook. I'm telling you with my personal experience that having a social media subscription widget in the sidebar of a blog can help you to increase your subscribers and followers. The more subscribers you have, the more traffic you'll receive because your subscribers will get notified about your new posts and they'll definitely visit your blog to check what's new. We have shared a lot of Social Media subscription widgets and today we're going to share another simple and professional looking social media widget for blogger.
Add a Social Media Subscription Widget to Blogger
Recommended for You:

Add a Social Media Subscription Widget to Blogger

First and foremost, log in to your Blogger Account >> Select a Blog >> Layout >> Add a Gadget, scroll down and select HTML/JavaScript gadget from the list of gadgets. Now Copy the following piece of code and paste it in the empty widget box.

<style type="text/css">
.bgt-social { width: 290px; }
.bgt-social ul { border: 1px solid #CCCCCC; margin: 0; padding: 0; }
.bgt-social ul li { list-style:none; padding: 0; text-transform: none; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #FFFFFF; }
.bgt-social ul li:first-child { border-top: 0 none; }
.bgt-social ul li:last-child { border-bottom: 0 none; }
.bgt-social ul li a { background-color: #F2F2F2 !important; color: #404040; display:block; }
.bgt-social ul li a:hover { background-color: #949494 !important;color: #0d0354; }
.bgt-social ul li .rss { background: url("http://2.bp.blogspot.com/-NdgYDGOx2WU/UXTEcMCT-_I/AAAAAAAAAfQ/VtwyVKuNdJY/s1600/bt-RSS.png") no-repeat scroll 10px center #F87E12; padding: 17.5px 60px; }
.bgt-social ul li .twitter { background: url("http://4.bp.blogspot.com/-9sG2X-wrCeY/UXTEchAQ2HI/AAAAAAAAAfg/gtq9mwSHC1g/s1600/bt-Twitter.png") no-repeat scroll 10px center #4CACEE; padding: 17.5px 60px;}
.bgt-social ul li .facebook { background: url("http://4.bp.blogspot.com/-Q6uMZtVZjHo/UXTEcAQSlHI/AAAAAAAAAfY/ePt9AJoqCrE/s1600/bt-Facebook.png") no-repeat scroll 10px center #3B5998; padding: 17.5px 60px; }
.bgt-social ul li .google { background: url("http://3.bp.blogspot.com/-57g4ooxoC6U/UXTEc0EniXI/AAAAAAAAAfk/G1HU6s-_UTM/s1600/bt-google.png") no-repeat scroll 10px center #D44937; padding: 17.5px 60px; }
.bgt-social ul li .linkedin { background: url("http://1.bp.blogspot.com/-sSNL3X-MkxE/UXTEcJxsHGI/AAAAAAAAAfU/MFYv7v3vAPo/s1600/bt-LinkedIn.png") no-repeat scroll 10px center #3692C3; padding: 17.5px 60px; }
.bgt-social ul li .youtube { background: url("http://3.bp.blogspot.com/-foQvV9Mgig4/UXTEcjfOZPI/AAAAAAAAAfo/kTKqKaFiKNU/s1600/bt-Youtube.png") no-repeat scroll 10px center #C6312B; padding: 17.5px 60px; }
.social-about { display: none; }
</style>
<div class="bgt-social">
<ul>
<li><a class="rss" href="http://feeds.feedburner.com/blogolect">Subscribe to RSS</a></li>
<li><a class="twitter" href="https://twitter.com/blogolect">Follow me on Twitter</a></li>
<li><a class="facebook" href="https://www.facebook.com/blogolect.official">Find me on Facebook</a></li>
<li><a class="google" href="https://plus.google.com/+zohaibliaqat" rel="author">Join me on Google+</a></li>
<li><a class="linkedin" href="http://linkedin.com/USERNAME">Connect on LinkedIn</a></li>
<li><a class="youtube" href="http://www.youtube.com/USERNAME">Watch me on YouTube</a></li>
</ul>
</div>

  • Replace the text in green with your Usernames

Click Save button
And that's it!

From Editors Desk

We hope this article may have helped you in learning How to Add a Social Media Subscription Widget to Blogger. Share this article with your friends and don't forget to subscribe us.

Tags:

2 comments to ''Add a Social Media Subscription Widget to Blogger"

ADD COMMENT
  1. POWr is the total toolbox for entrepreneurs, site designers, and any other person searching for an approach to enhance their nearness on the web. Install this custom Social Media Icons Widget to Blogger in seconds. POWr Social Media Icons for Blogger works superbly in any Blogger format. There's no code obliged, because of the ongoing proofreader. Add Social Media Icons Widget to almost any area on the Blogger page, similar to footers, sidebars, or static pages. Perfect for Blogger eCommerce destinations, dispatch pages, item displays, and that's only the tip of the iceberg. Also, it's versatile responsive, so your Blogger webpage will look incredible on every cell phone.
    best essay writing service

    ReplyDelete
  2. Sometimes social media plugins really helps your visitors to divert to your page of social stores http://apexessays.com.

    ReplyDelete