Facebook Slide out Share Button For Blogger

Now Facebook is the leading social network in the world, it has lot of users, so it is neccessary to put a share button in our blog in order to let the visitors to share the posts on to their Facebook. Here is a great Widget For you to add on to your blog.

You Can Add This Share Button in One Step:

Just Copy And Paste the below Code in the Html/Javascript.

<b:if cond='data:blog.pageType == "item"'>

<style>

/* Widget by www.Tricksmonkey.blogspot.in */

#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 www.Tricksmonkey.blogspot.in -->

</b:if>

Then Save the Widget And Template.

And You are done.Now the blog visitors can the wonderful Share button your blog :)