How Can I add Mashable Social Widget to Blogger

In this post today! I will tell you how to add beautiful social widgets to your blog. It is very simple and easy. Follow me and my steps thats I will tell you in this post. Most of the blogger want to add this widgets to their blogs. It is so simple to add this to blogger. Socail Widgets helps to the reader to share the post to as they want to share like Facebook, Diggs etc. This is a great idea as the blogger get many visitors to your social media profile form them and is a great way to increase your contacts on other networks with the help of your blog.

Let us know about How to add this beautifull widgets to the blogger. Open your blogger and click on the layout option. Click on Add a Gedget. Choose the HTML/Javascript option and paste the following code in it. 

<style>
/* subscribe widget */
#subscribe1 { background:#f3f3f3; height:60px;width:288px; margin:0px 0px 15px 0px;

padding:8px 5px; border:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; font-size:90%;

}
..subscribe_icons { width:286px; margin:0px auto; }
..subscribe_icons li { display:inline; float:left; margin:0px 2px 5px 2px; width:52px;

text-align:center; font-size:11px; }
..subscribe_icons a { display:block; padding:40px 0px 2px; -webkit-transition:all .2s

ease-out; -moz-transition:all .2s ease-out; color:#444 !important; }
..subscribe_icons a:hover { color:#26b !important; text-decoration:none;

-moz-box-shadow:0px 2px 4px hsla(0,0%,0%,.35); -webkit-box-shadow:0px 2px 4px

hsla(0,0%,0%,.35); }
..subscribe_icons .subscribe_twitter a { background:url(http://i49.tinypic.com/2mq2es5.png)

center top no-repeat; }
..subscribe_icons .subscribe_facebook a {

background:url(http://i52.tinypic.com/2vnqjd3.png) center top no-repeat; }
..subscribe_icons .subscribe_rss a { background:url(http://i56.tinypic.com/9pyyz4.jpg)

center top no-repeat; }
..subscribe_icons .subscribe_email a { background:url(http://i54.tinypic.com/15wm1s2.png)

center top no-repeat; }


</style>



<!--begin of social widget-->
        <div id='subscribe1'>
 
        <ul class='subscribe_icons'>

            <li class='subscribe_twitter'><a href='http://twitter.com/USERNAME'

rel='nofollow' target='_blank'>Twitter</a></li>

            <li class='subscribe_facebook'><a href='http://www.facebook.com/USERNAME'

rel='nofollow' target='_blank'>Facebook</a></li>
            <li class='subscribe_rss'><a href='http://feeds2.feedburner.com/USERNAME'

rel='nofollow' target='_blank'>RSS</a></li>
            <li class='subscribe_email'><a

href='http://feedburner.google.com/fb/a/mailverify?uri=USERNAME&amp;loc=en_us'

rel='nofollow' target='_blank'>Email</a></li>
</ul>

<!--end .subscribe_icons--></div>

You have to change the username highlighted in red color with your username and also the feed burner ID for your blog. Now click on Save and check your blog. 

Dont forget to like this post if this post helpful for you. ===>