Oct 8, 2015

Awesome Designed Social Media Widget For Blogger

data:blog.title
My Blogger Guides team already shared a lot of Blogger Widgets with all of you and today I'm going to share another social media widget for your Blogger Blog. A Blogger always want good looking plugins/Blogger Widgets for their blog because good looking social media blogger widget attract 10 times more than from a simple looking social media blogger widget. Above I've also share a screenshot of this widget.
Social Media Widget For Blogger
Social Media Widget For Blogger

How To Add Social Media Widget To Blogger

This is a simple Social media gadget for your blog. You can link Facebook fan page, Twitter and RSS subscribe. Its easier to add to your blog. You can try it. Follow all steps carefully which I've mentioned below.



Steps To Adding Social Media Widget To Blogger

  • Go To Blogger Dashboard.
  • Click on Layout >> Add  A Gadget.
  • Select HTML/JavaScript.
  • Now Copy below code and paste it.
<style type='text/css'>
#topbox{width:250px;border:4px solid #a1a1a1;background-color:#ffffff;}
#topbox:hover{border:4px solid #4e4c4c;background-color:#ffffff;}
#social1 .social2 h2.subscription { border:0; margin:0; padding:3px 0 0 55px; height:42px; font-size:14px;font-family:&quot;Segoe UI&quot;,Calibri,&quot;Myriad Pro&quot;,Myriad,&quot;Trebuchet MS&quot;,Helvetica,Arial,sans-serif;
font-weight:bold; }
#social1 .social2 h2.subscription:hover {color:#1c5ef3; font-size:15px;}
#social1 .social2 h2.facebook { background:url(http://2.bp.blogspot.com/-Q7-NKPMdJHs/VhZZemA5GHI/AAAAAAAADvY/ivGiCqSRc-A/s1600/mybloggerguides.com-facebook-icon.png) no-repeat top left; }
#social1 .social2 h2.twitter { background:url(http://1.bp.blogspot.com/-rldtoSIx5is/VhZZg1ai2zI/AAAAAAAADvo/HaOC4upbS2M/s1600/mybloggerguides.com-twitter-icon.png) no-repeat top left; }
#social1 .social2 h2.Rss { background:url(http://2.bp.blogspot.com/-T3MUEgWhxhE/VhZZfvssDtI/AAAAAAAADvg/3jFOVY3rb4k/s1600/mybloggerguides.com-rss-icon.png) no-repeat top left; }
#social1 .social2 .subscription a { color:#252e28; text-decoration:none; }
</style>
<div id="topbox">
<div id="social1">
<div class="social2">
<h2 class="subscription facebook"><a href="Facebook URL" target="_blank">Like On Facebook</a></h2>
<h2 class="subscription twitter"><a href="Twitter URL" target="_blank">Follow On Twitter</a></h2>
<h2 class="subscription Rss"><a href="Your Email Subscription URL" target="_blank"> Subscribe On RSS</a></h2>
</div></div></div>
  • Now Change All highlighted colors into your's.
  • Save HTML/JavaScript.
  • That's it. You have added this social media blogger widget into your blog. Now open new tab and type your blog's URL and hit enter and tell us also about your experience with this widget.

Our Recommended Blogger Widgets

  1. WordPress Like Floating Social Sharing Widget for Blogger with Counter.
  2. AllInOne Admin Box Widget with Social buttons and Subscription Box.
  3. Add Sticky Notification Bar To Blogger with Show/Hide Button.
  4. Stylish Contact Form For Blogger! Add to Static Page, Responsive & Pro Version.
  5. Cute & Stylish Email Popup Subscription Widget.

    Conclusion:

    So above guide is about How To Add Social Media Widget To Blogger Blog and i hope by this complete guide you can easily add this blogger widget into your blog. If you still facing any problem then drop a comment below. Hope you will like this post. Don't forget to share on Blogging communities and also with your blogger friends.
    Thank You! Stay Blessed!

    No comments:

    Post a Comment

    We’re eager to see your comment. If you have any query related to the topic then drop a comment below. We will help you out of sure. However, Please Keep in mind that all comments are moderated manually by our human reviewers. According to our comment policy all link are nofollow so keep in mind that never use links in comments, we consider link comments as a spam.