floating social shareThis great widget was created by Muhammad Mustafa Ahmad zai for blogger you can find it @ MBT . I am now sharing this for wordpress users , coz the blogger plat-form is quite different then the wordpress , so wordpress users can also have a nice and floating sharing widget at their blogs and websites ,  with the help of it one can share articles quickly and easily you can see the demo hanging at left side of this page!  so lets start.

 

Step 1: sign in to your admin area of word press site you have!

the URL to the login page look like this http://www.yourwebsite.com/wp-admin/


Step 2: Next you have to go the widgets option; you can select either by clicking on it or by access it by URL “http://www.yourwebsite.com/wp-admin/widgets.php”

Adding code to the widget

Step 3: Drag a Text (Arbitrary text or HTML) Widget to your Primary Sidebar , you can please it any where you want on your sidebar ,Don’t give it any Title so it will not appear in the side bar and you don’t have to worry about it, it will show the floating buttons only!

dragging widget

 

Step 4: Paste the Following Code in it!

[code]

<style>
/*-------MBT Floating Counters------------*/
#floatdiv {
position:absolute;
width:94px;
height:229px;
top:0;
left:0;
z-index:100
}

#mbtsidebar {
border:1px solid #ddd;
padding-left:5px;
position:relative;
height:220px;
width:55px;
margin:0 0 0 5px;
}
</style>

floatdiv">

<div id="mbtsidebar">
1px" cellspacing="0">
<tr>
1px solid #E8E8E8; padding:5px 0 2px 0;">


</td>
</tr>
<tr>
E8E8E8; padding:5px 0px;">
plusone size="Tall" expr:href="data:post.url">
</g:plusone></td>
</tr>
<tr>
0px solid #E8E8E8; padding:5px 0 0px 0;">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="mybloggertricks">Tweet
</td>
</tr>
<tr>
0px solid #E8E8E8; padding:0px 0 0px 0;">

10px; text-align:center; color:#ddd;">Widgets
</td>
</tr>
</table>
</div>
</div>
[/code]

If you are using a theme which doesn’t support any Head Code, then visit this tutorials to learn how to add head code in wordpress

Click on Save Changes!

Congratulation, you have done it , Now Visit your website/blog to find it hanging to the left.

Hope you will share  if  like it!

User Tags :-
Floating Google+ , like , and twitter sharing buttons for wordpress , floating social sharing widget , floating social share for wordpress , wordpress sharing widget floating

Related Posts Plugin for WordPress, Blogger...