Social media sharing widget for blogger is necessary to promote the blog and to increase the traffic. It allows readers to share your content on social media sharing websites like Facebook, Google plus, Twitter and many others. If lots of people share your content then you will get a good search position in Google search results for those posts .

Bonus Blogger Widgets:-

• Tabbed Content Box Widget For Blogger.
• Popular Post Widget For Blogger.
• Navigation Menu Bar Widget For Blogger
• Google Plus Pop Up Box Widget for Blogger

So social media sharing widget for blogger is very important. But how you due to the lots of widgets in your blogger layout you can not put all of your social media sharing widget in blogger. So here is the tabbed social media sharing widget for blogger. Where in a limited space all of your, say three widget can be placed. So this is a very unique widget for blogger. Below are the blogging tips to make it happen.

<!-- This Is A CopyRight Code.It Is Free To Use But With HTML Design Code.
If AnyOne Found To Be Changing This Code Should Be Under Legal Action Via DMCA. -->
<style type="text/css">
/***********************************************
* Tabbed Content Box Widget- © AvdhootBlogger (www.avdhootblogger.com)
* This notice must stay intact for use.
* Visit http://www.avdhootblogger.com/ for full source code.
***********************************************/
ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 32px;
border-bottom: 1px solid #999999;
border-left: 1px solid #999999;
width: 100%;
}
ul.tabs li {
float: left;
margin: 0;
cursor: pointer;
padding: 0px 4px ;
height: 31px;
line-height: 21px;
border: 1px solid #999999;
border-left: none;
font-weight: bold;
background: #EEEEEE;
overflow: hidden;
position: relative;
}
ul.tabs li:hover {
background: #CCCCCC;
}
ul.tabs li.active{
background: #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}
.tab_container {
border: 1px solid #999999;
border-top: none;
clear: both;
float: left;
width: 100%;
background: #FFFFFF;
}
.tab_content {
padding: 10px;
font-size: 1.2em;
display: none;}
#container {
width: 300px;
margin: 0 auto;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".tab_content").hide();
$(".tab_content:first").show();
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active");
$(this).addClass("active");
$(".tab_content").hide();
var activeTab = $(this).attr("rel");
$("#"+activeTab).fadeIn();
});
});
</script>
<div id="container">
<ul class="tabs">
<li class="active" rel="tab1"> widget</li>
<li rel="tab2"> Gadget</li>
<li rel="tab3"> Template</li>
</ul>
<div class="tab_container">
<div id="tab1" class="tab_content">
<STRONG>
<P>
........................YOUR CODE.......................
</P>
</STRONG>
</div><!-- #tab1 -->
<div id="tab2" class="tab_content">
<STRONG>
<P>
.....................YOUR CODE..................................
</P></STRONG>
</div><!-- #tab2 -->
<div id="tab3" class="tab_content">
<p><img src=""> <br />
<strong>
<a href="http://www.avdhootblogger.com/search/label/blogger%20widget"> Blogger widget</a><br />
<a href="http://www.avdhootblogger.com/search/label/Navigation%20Menu%20Bar"> navigation menu bar widget</a>.<br />
<a href="http://www.avdhootblogger.com/search/label/blogging%20tips">Blogging Tips</a><br />
<a href="http://www.avdhootblogger.com/search/label/blogger%20templates"> Blogger Templates</a><br />
</strong>
</p>
</div><!-- #tab3 -->
</div> <!-- .tab_container -->
</div> <!-- #container -->