Facebook Trượt Out Share Button cho Blogger

Nó đã được thời gian dài kể từ khi tôi đã không được đăng một widget mới vì vậy đây là một Facebook Trượt Out Share Button cho Blogger.

Widget này có nhiều tính năng như :

• Kích thước gọn nhẹ
• Thiết kế nhỏ gọn
• Hỗ trợ tất cả các trình duyệt chính
• Hấp dẫn và thanh lịch
• Thực hiện với CSS3 và chuyển tiếp tuyệt đẹp.
• Chỉ hiển thị trên các trang bài viết

Để thêm tiện ích này trong blog của bạn, bạn có thể sử dụng các phương pháp sau:
Nhiều người muốn thêm và tùy chỉnh mã riêng của họ. Nếu vậy, bạn có thể sao chép mã dưới đây và dán nó vào HTML widget / JavaScript.

<b:if cond='data:blog.pageType == "item"'>
<style>
/* Widget by ishare247.blogspot.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 ishare247.blogspot.com -->
</b:if>

Lưu lại và ra trang chủ xem thành quả. Chúc các bạn thành công.

Tag : Thủ thuật blogger, widget