Floating Social Sharing Vertical Button

Floating Social Sharing Vertical Button With Counter

This is social sharing vertical widgets which is float on your web-page, This widget encourage the visitors on your sites or blog.It is make easy for visitors to share your web-pages on social sites. This is increase the popularity of your web-page and bring more traffics on your web-page

How to add this widget ?

To add widget fist login your blogger account.
Go on blog title.
Go on layout.
Add widget.
Now choose HTML/JavaScript.
Add/Paste the given below code.

Click Here For Detail to add a widgets.

Floating social Widgets with Share Button

Live Demo See left on That Sites

<div style="position:fixed; left:50px; top:130px; box-shadow: 0px 2px 6px rgba(0,0,0,0.2); pandding:5px; backgroung:none repeat scroll 0% 0% #ffffff;border-radius:5px 5px 5px 5px;">
<div class="pw-widget pw-vertical pw-counter-vertical">
<a class="pw-button-facebook pw-look-native"></a>
<a class="pw-button-googleplus pw-look-native"></a>
<a class="pw-button-pinterest pw-look-native"></a>
<a class="pw-button-twitter pw-look-native"></a>
<a class="pw-button-linkedin pw-look-native"></a>
<a class="pw-button-tumblr pw-look-native"></a>
<a class="pw-button-post-share"></a><small style="float: right; font-size:9px" title="Get widget @ sites18.com">
<a href="http://sites18.com/" >Get@wg</a>
</small>
</div>
<script src="http://i.po.st/static/v3/post-widget.js#publisherKey=k4afsojgqsuulmmpsj8d%22%20type=%22text/javascript">
</script >
<script >
var pwidget_config =
{
copypaste: false;
}
</script >
</div>

Floating Social Sharing Vertical With Icon

Live Demo

<div style="position:fixed; left:50px; top:130px; box-shadow: 0px 2px 6px rgba(0,0,0,0.2); pandding:5px; backgroung:none repeat scroll 0% 0% #ffffff;border-radius:5px 5px 5px 5px;">
<div class="pw-widget pw-vertical pw-size-large">
<a class="pw-button-facebook"></a>
<a class="pw-button-googleplus"></a>
<a class="pw-button-pinterest"></a>
<a class="pw-button-twitter"></a>
<a class="pw-button-linkedin"></a>
<a class="pw-button-tumblr"></a>
<a class="pw-button-reddit"></a>
<a class="pw-button-stumbleupon"></a>
<a class="pw-button-post"></a>
<small style="float:right; font-size:9px"title="Get widget @ sites18.com" >
<a href="http://sites18.com/" >Get@wg</a>
</small>
</div>
<script src="http://i.po.st/static/v3/post-widget.js#publisherKey=k4afsojgqsuulmmpsj8d%22%20type=%22text/javascript">
</script >
<script >
var pwidget_config =
{
copypaste: false;
}
</script >
</div>

Floating Social Sharing Vertical With Button

Live Demo

<div style="position:fixed; left:50px; top:130px; box-shadow: 0px 2px 6px rgba(0,0,0,0.2); pandding:5px; backgroung:none repeat scroll 0% 0% #ffffff;border-radius:5px 5px 5px 5px;">
<div class="pw-widget pw-vertical pw-counter-horizontal">
<a class="pw-button-facebook pw-look-native"></a>
<a class="pw-button-googleplus pw-look-native"></a>
<a class="pw-button-pinterest pw-look-native"></a>
<a class="pw-button-twitter pw-look-native"></a>
<a class="pw-button-linkedin pw-look-native"></a>
<a class="pw-button-tumblr pw-look-native"></a>
<a class="pw-button-reddit pw-look-native"></a>
<a class="pw-button-email pw-look-native"></a>
<a class="pw-button-post-share"></a>
<small style="float:left; font-size:9px"title="Get widget @ sites18.com" >
<a href="http://sites18.com/" >Get@wg</a>
</small>
</div>
<script src="http://i.po.st/static/v3/post-widget.js#publisherKey=k4afsojgqsuulmmpsj8d%22%20type=%22text/javascript">
</script >
<script >
var pwidget_config =
{
copypaste: false;
}
</script >
</div>