Search Box by All Blogger Tricks

Thursday, 24 October 2013

Floating Social Sharing Vertical Left Bar Widget for Blogger/Website


Freelance Jobs
This is a social sharing vertical  widget which will float at the left of your web page always. You can put this widget in the sidebar. This widget will encourage the visitors to share your page. it will make it easier for the visitors to share the webpage. It will increase the popularity of your website and can bring tremendous traffic to your website.


How to Add this Widget ?
Adding this widget is very easy
Simply just add this script in the sidebar of your blog
This will show Social Sharing Buttons + Vertical counters Floating at the Left

<div style="position:fixed; left:50px; top:130px; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);padding: 5px; background: 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 this Widget @ WidgetsBay.com" ><a href="http://www.widgetsbay.com/2013/10/floating-social-sharing-vertical-bar.html">Get@WB</a></small>
</div>

<script src="http://i.po.st/static/v3/post-widget.js#publisherKey=k4afsojgqsuulmmpsj8d" type="text/javascript"></script>

<script>
var pwidget_config = {
copypaste: false,
};
</script>
</div>

copypaste: false, 
true - to switch ON special copy paste feature of Po.st
false - to switch OFF special copy paste feature of Po.st
When someone copy something from your website, then automatically a extra "Read more (with link) line will get added at the in the clipboard which will look like "Read more at http://www.your-website.com/page/date/post/"



Now it's time for Customisations


You can replace script highlighted in yellow with your own scripts or codes that you want to show. Also you can Replace the script shown in yellow with script given below for

1) Floating Social Sharing Vertical Bar with Icons 32×32 px icons | Live Demo

<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 this Widget @ WidgetsBay.com" ><a href="http://www.widgetsbay.com/2013/10/floating-social-sharing-vertical-bar.html">@WB</a></small>
</div>

<script src="http://i.po.st/static/v3/post-widget.js#publisherKey=k4afsojgqsuulmmpsj8d" type="text/javascript"></script>
2) Floating Social Sharing Vertical Bar with Buttons + Horizontal Counters Icon | Live Demo 
<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 this Widget @ WidgetsBay.com" ><a href="http://www.widgetsbay.com/2013/10/floating-social-sharing-vertical-bar.html">@Widgets Bay</a></small>
</div>

<script src="http://i.po.st/static/v3/post-widget.js#publisherKey=k4afsojgqsuulmmpsj8d" type="text/javascript"></script>

<<<<<****************************************************************>>>>>
We hope you have Enjoyed this Widget & find it useful for you. If you have any Problem or Issue with this Widget, Please do ask us for the Solution by Commenting below.
<<<<<****************************************************************>>>>>

Need more Customisations ? Comment your combinations
Below and We will add that in this post as soon as Possible


0 comments

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

 
Support: Contact Us | Feedback & Support | About Us
Links: Developer | Request/Publish/Remove Widget | Widgets by Widgets Bay
Donate Us via: PayPal Powered by: Blogger
Published by: Widgets Bay | Privacy Policy | Terms of Service
Copyright © 2013Widgets Bay - All Rights Reserved