Social networking sites are the most effective and effecient way to drive traffic in 2013.Adding a social sharing widget to your blog makes your work much easier and helps your new blog to reach the next level by getting more readers,likes and follows.You can find many social book marking widgets in this blog.This is an another post that adds new all in on
social media widget to the blogger widget category.Adding this your blog is much easier as it does not require to edit your template.Just follow the below steps to
add this widget to your blogger blog.
1, Go to blogger.com-Design
2, Go to Page Elements,Under Layout then - Click Add a Gadget,
3, Choose HTML/JAVASCRIPT option
Add the following code there,
<style>
.social-connect-widget{background:#D7D7D7;border:1px solid #E7E6DE;padding:10px; border-radius:5px; -moz-border-radius:5px;
-webkit-transition:all .6s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition-duration:all .6s ease-in-out;transition:all .3s ease-in-out;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
}
.social-connect-widget:hover{border:1px solid #CBCBC2;background:#FFFEF9;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .3);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, .3);
box-shadow: 0px 0px 10px rgba(0, 0, 0, .3);
}
.social-connect-widget a{text-decoration:none;font-weight:bold;font-size:14px;font-family:Arial,Helvetica,Sans-serif;color:#4B4D4E}
.social-connect-widget a:hover{text-decoration:underline;color:#F77C04}
.social-connect-widget img{vertical-align:middle;margin-right:5px;height:32px;width:32;}
</style>
<div class='social-connect-widget' style='margin-top:0px;margin-bottom:10px;'>
<a href='http://feeds.feedburner.com/FreeclassifiedsAndSeoSites'><img alt='RSS Feed' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi08-EzMAtN7IoN4n1DHoxYCvFQY-Vm0aiDoB6Yk9BjgnXWwKKrqcrVXwFiPEl6ZIu8jyV3CLwWO8OMljl8L0pnC0Yc2DqZJlaa7-p2sVeOHOTcrRHSYPEgDl_P33LEygYUlnFPIU46WFQK/s1600/rss_black.png"/></a><a href='http://feeds.feedburner.com/FreeclassifiedsAndSeoSites'>Subscribe to our RSS Feeds!</a>
</div>
<div class='social-connect-widget' style='margin-bottom:10px;'>
<a href='http://twitter.com/freeclassified6'><img alt='Follow Us on Twitter!' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc4guWdtfZmSk5yficuqijXY42Ma4vv8xG6em8PfXQgicnIhr2kFbC6ApIWJK0gg0vlVgTbG7hyphenhyphenLcY9gzEvuIp4n7j056eDtgzdpbbKDdqG8cnZN2SxloxTWyIRC257zPuBcpR_FuhZ6Rq/s1600/twitter_black.png" title='Follow Us on Twitter!'/></a><a href='http://twitter.com/freeclassified6'>Follow Us on Twitter!</a>
</div>
<div class='social-connect-widget' style='margin-bottom:10px;'>
<a href='http://facebook.com/forblog809'><img alt='Be Our Fan!' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlhUHNt8MUfk-FH3eey8Bcy8qeI4UUkAtMgAXSD9mb_hJ-VjqNqFFIW9zXl7LWQFv-vgD5vJsJjglgml7tHqa3QcGNMfR_6UomTcxKnSd7gbZsDaVSkmvucFmrJ4b-yphOsGr8iDRKiBia/s1600/facebook_black.png' title='Be Our Fan"/></a><a href='http://facebook.com/forblog809'>Follow us on Facebook!</a></div>
<div class='social-connect-widget' style='margin-bottom:10px;'>
<a href='http://pinterest.com/dajmwt'><img alt='Follow Us on Twitter!' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitQ-sO36YQ9-dtau_YhfPlAL6TagbVJkD1VXNWzZBelxP-iFb2hlRuW8stYmin2IaUAXCjzIhRQ69zfyOfCVOjcBo834DOBHcZqLAPfNo6qrnhiueDNEsV3Er7yyK_b-6dDfbtUVKBLVTM/s1600/pinterest_black.png" title='Follow Us on Pinterest!'/></a><a href='http://pinterest.com/dajmwt'>Follow Us on Pinterest!</a>
</div>
<div class="social-connect-widget" style="margin-top:0px;margin-bottom:10px;">
<img alt="google plus" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicjuaFIFAUMAMLQp5ZYguueaDgcXuXc5eNUTtNgUsSylS6OmNLWCYzJxXNbdmGbemL9g6G1KjLZetkP22HhRwSQvgBKxx6zKRHeVUT9YAsCWTQ_yjc_KASqyqRRp3SXhwXDWthl2OGlgyg/s1600/google_plus_black.png" /><a href="https://plus.google.com/116484357335441652801" target="_blank">Add Me on Google+!</a>
</div>
*Replace freeclassified6 with your own twitter username.
*Replace forblog809 with your facebook username.
*Replace FreeclassifiedsAndSeoSites with your feedburner title.
*Replace 116484357335441652801 with your Google Plus profile id.
*Replace dajmwt with your Pinterest user name.