Nút Facebook share trượt hai bên cho Blogger

Có nhiều bạn thắc mắc và muốn hỏi Terocket là làm một Nút Facebook share trượt hai bên cho Blogger như thế nào, thì hôm nay Terocket sẽ giải đáp các bạn bằng một thủ thuật như yêu cầu. Các làm Nút Facebook share trượt hai bên cho Blogger rất đơn giản. Nó vừa tiện lợi, gọn gàng và cực kỳ chuyên nghiệp.

Live Demo

<style>
#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://3.bp.blogspot.com/-Yl0dAtNR0FE/VevbP-KRkwI/AAAAAAAAAUQ/iwp-w0lEsig/s1600/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>