Thủ thuật tạo Nút Facebook share trượt hai bên cho Blogger tại PhucNguyenIT

 

Thủ thuật tạo Nút Facebook share trượt hai bên cho Blogger tại PhucNguyenIT

Có rất nhiều webmaster hay các author của các blogger sử dụng thanh trượt like, share lên mạng xã hội.. và thời gian vừa rồi mình cũng thấy khá nhiều người hỏi : '' PhucNguyenIT làm nút like,share 2 bên thân của (body) của blog như thế nào ? '' vậy hôm nay PhucNguyenIT sẽ hướng dẫn mọi người làm như trên ..

Giờ thì cùng PhucNguyenIT tìm hiểu thủ thuật Nút Facebook share trượt hai bên cho Blogger này các bạn nhé.

Live Demo

Để  thực hiện các bạn cần tạo một HTML/JavaScript widget để làm nơi đặt cái mã của tiện ích này. Chỉ cần vào Blogger -> Bố cục -> Thêm tiện ích -> HTML/JavaScript và dán đoạn code sau vào và lưu lại.

<style>
/* Widget by PhucNguyenIT */
#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 PhucNguyenIT -->

Cách thực hiện thật đơn giản đúng không nào, lưu lại và tải lại trang để xem thành quả của thủ thuật blog Nút Facebook share trượt hai bên cho Blogger bạn nhé.

Chúc các bạn thành công, nếu thấy nội dung hay, hãy share và giới thiệu đến bạn bè, và nếu có chổ nào không hiểu, hãy gửi một bình luận ở dưới đây nha.

Nguồn chia sẻ : PhucNguyenIT Blogs