Facebook Side Out Share Button For Blogger

 This widget is design by allbloggertricks team they are really work hard, So i am thankful for all these guy,  They develop a amazing widgets (Facebook Slide Out Share button for Blogger blogs) for all blogger or sites users .

This widget has many features such as -

1. Lightweight Size
2. Compact Design
3. Supports all Major Browsers
4. Attractive and Elegant
5. Made with CSS3 and beautiful transitions.
6. Shown only on Post pages 

Live Demo

How to use this widget

1. Login to Blogger
2. Go On Blog
   
3. Choose Layout
4. Click on Add gadget 
5. Choose HTML/JavaScript Copy and past all the below code

<b:if cond='data:blog.pageType == "item"'>
<style>
/* Widget by sites18.com */
#fixed-share {background: none repeat scroll 0 0 #4C6699;border-bottom: 3px solid #30476F;bottom: 60px;box-shadow: 0 8px 8px #888888;font-family: Arial;font-size: 16px;padding: 15px 30px 15px 15px;position: fixed;right: -147px;text-align: left;text-transform: uppercase;transition: all 1s ease 0s;z-index: 10;}
#fixed-share:hover {right: 0}
#fixed-share:hover > #share-box {right: 147px}
#share-box {background: none repeat scroll 0 0 #4C6699;bottom: 72px;box-shadow: 0 8px 8px #888888;height: 40px;position: fixed;right: 1px;text-align: center;transition: all 1s ease 0s;width: 40px;}
</style>
<div id="fixed-share">
<div id="share-box">
<img src="http://s10.postimg.org/s1a8ghl6t/Fb_Logo.png" />
</div>
<span>Support Us<br/> <script>(function(d){ var js, id =
'facebook-jssdk'; if (d.getElementById(id)) {return;} js =
d.createElement('script'); js.id = id; js.async = true; js.src =
"//connect.facebook.net/en_US/all.js#xfbml=1";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script> <fb:share-button expr:href='data:post.url'
type='button_count'/> </fb:share-button>
</span></div>
<!-- Widget by sites18.com -->
</b:if>

Get This Widgets Click Here