Don't Miss

Add a Social Media Subscription Widget to Blogger

By Zohaib Liaqat - 20 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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm9Et3Mog5YHZFl7i255ymeXHc-KjAKeDFtjr6RuLkPc1fhb2w540-SCgs6jwtQG1HT7PSjcq7MAAx7-E-rKqm_L_rjiKvxpPPa2RjlmwLgTEVJYrjtrTuLtDcs1sD5z4m4j2wHlYenfQ/s1600/bt-RSS.png") no-repeat scroll 10px center #F87E12; padding: 17.5px 60px; }
.bgt-social ul li .twitter { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGGMTq40dHDW0_KpORAkYkgsgV2RnWow4gmx-rIJ9aBLxN9NNBfuCp2t3sQToq2WuIlHRrB7zculJik_g0WFVEsoIQR2DqFONJYMix83GSxvkoP8jAQOI5cf2wj-0G83mYzhHkgT0OGGE/s1600/bt-Twitter.png") no-repeat scroll 10px center #4CACEE; padding: 17.5px 60px;}
.bgt-social ul li .facebook { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYkfKlcE8mCov_6Q_uxJXd2H2uCIyERoskN4IkfEvz1OotcDnUMDyDzrURVuhwkEHBJjnuskgHtbXuDn2-NBO3jAsXwBc4xrTHN1JGZee4LTkiGqd16nTEA0mC2wz0y_4-5Mbbs0IgXoM/s1600/bt-Facebook.png") no-repeat scroll 10px center #3B5998; padding: 17.5px 60px; }
.bgt-social ul li .google { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkXvnL73viWbMkBuYimBNdBfd3vcHyQ023H14oOGduXzX_7MeMtZL9ZIPl0G81Qu2fhnGB6lLU3r70m7sZlZkerP3LuctSxq8JJZMYs2Xk7r0BIJ_VJuZbkmSE4GFlUrDpjeCjlrdZ66U/s1600/bt-google.png") no-repeat scroll 10px center #D44937; padding: 17.5px 60px; }
.bgt-social ul li .linkedin { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgugZsg0el-QiBImXFwLYvf4scmn5xmHXJ5zfEI70l68SaKlxJV2hJYdTKaKQ5hZQ4KjK91VdHqu9W2KUxPf3eM39EGPcriMyhyphenhyphenFOn9n92TqqFOMfKIoJx9tzkLywcE_xEoOFZRQW_NrwU/s1600/bt-LinkedIn.png") no-repeat scroll 10px center #3692C3; padding: 17.5px 60px; }
.bgt-social ul li .youtube { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm96E4qvy67Zr9bWAgXKczIOu_rKQNqXnD37dX9FN2FHee3yQIdaBQ9S7f3fsXQanX70R4m0qLau8JrOb9JCxqTovGS3DtcsIc7I0r3BUnQSppi3bpisxE1yqnEd-T42RtKbDq87wl5uo/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:

20 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
  3. Family gives each rolex replica father a unique mission, it is replica watches uk
    both a sweet burden, but also love to replica watches maintain. His father's daily management, non-stop, his hard work to become an inexhaustible motive force for every family operation.

    ReplyDelete
  4. Traditional banks are not going after this lucrative loaning market, yet. The credit sums are too little and the pivot is too short.
    usacheckcashingstore.com/san-diego

    ReplyDelete
  5. On the off chance that you have awful credit, it might be difficult to get an advance through your bank.
    Payday Loans Chicago

    ReplyDelete
  6. Indeed, here is the place a money advance can act the hero since there are no credit keeps an eye on payday advances! Cash Advance

    ReplyDelete
  7. You hold physical ownership of the vehicle and may keep driving it amid the advance time frame.Car Title Loans Chicago

    ReplyDelete
  8. Get best milk frother judge service which will inspect the milk you are drinking is healthy and bacteria free or not.

    ReplyDelete
  9. There are many academic services but there are many deceivers but you can trust fully on excellent academic help service check this now.

    ReplyDelete
  10. Sometimes social media subscription widget help bloggers to gain visitors and also it divert visitors as well check this out

    ReplyDelete
  11. EMERGENCY LOAN OFFER APPLY

    We Offer all types of Finance Business Personal Cash
    Quick Cash Advance. Fast Credit Check. Cash Today.
    Fast Cash Online
    low interest rate as low as 2%
    Financial Cash Available Here
    Business Personal Cash
    I'll advise All Cash seeker should contact us
    Contact Us At : abdullahibrahimlender@gmail.com
    whatspp Number +918929490461
    Mr Abdullah Ibrahim

    ReplyDelete
  12. Extremely useful utility. I used it and I really enjoyed it!
    the impossible quiz

    ReplyDelete
  13. very useful info, thank for sharing with us!
    webnovel

    ReplyDelete
  14. I never really thought I could possibly get a loan online until my friend got a personal loan from Capital One Finance ltd where i also applied for a loan and was approved with a good credit score and i can as well recommend them for anyone who needs a loan. Email: capitalonefinanceltd2@gmail.com or WhatsApp: +1 (267)404-6479

    ReplyDelete
  15. This comment has been removed by the author.

    ReplyDelete