
Demo of Fresh Social Bookmarking Widget for Blogger
- Open this link and look at the right sidebar
- This looks like;

How to Add Fresh Social Bookmarking Widget in Blogger ?
- Go to Dashboard > Design > Edit HTML and search this code;
]]></b:skin>
- Add this code just Before searched line;
/* subscribe widget */
#subscribe { background:#f3f3f3; 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://i49.tinypic.com/52b7yv.png) center top no-repeat; }
.subscribe_icons .subscribe_rss a { background:url(http://i47.tinypic.com/maapvk.png) center top no-repeat; }
.subscribe_icons .subscribe_email a { background:url(http://i46.tinypic.com/2e4vgwy.png) center top no-repeat; }
#subscribe { background:#f3f3f3; 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://i49.tinypic.com/52b7yv.png) center top no-repeat; }
.subscribe_icons .subscribe_rss a { background:url(http://i47.tinypic.com/maapvk.png) center top no-repeat; }
.subscribe_icons .subscribe_email a { background:url(http://i46.tinypic.com/2e4vgwy.png) center top no-repeat; }
- Expand widget templates and search this code;
<div id='sidebar-wrapper'>
- Place this new code Just After the line you searched
<div align='center'> <div id='subscribe'> <ul class='subscribe_icons'> <li class='subscribe_twitter'><a href='http://twitter.com/YOURUSERNAME' rel='nofollow' target='_blank'>Twitter</a></li> <li class='subscribe_facebook'><a href='http://www.facebook.com/YOURUSERNAME' rel='nofollow' target='_blank'>Facebook</a></li> <li class='subscribe_rss'><a href='http://feeds2.feedburner.com/YOURFEEDNAME' rel='nofollow' target='_blank'>RSS</a></li> <li class='subscribe_email'><a href='http://feedburner.google.com/fb/a/mailverify?uri=YOURFEEDNAME&loc=en_US' rel='nofollow' target='_blank'>Email</a></li> </ul> <div class='clear'/> </div> </div>
- Replace highlighted words with your social networking usernames and save your template