Cách 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.


Để 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>
/* [Thủ Thuật] Nút Facebook share trượt hai bên cho Blogger */
#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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqH1uoXzNroTKz3SrB9TKHfMtl-acZZJT9jiW3uzpNpfgGB6OjaxfG6MKt2a60kGTlDKk4zT9KPFP2yvClmTJd0c4EVLkwaJGIMBPA_A8AA_pVvg5ewfnvfVsGgCQ3-6OBiTh51Gk-mgom/s1600/Fb_Logo_2k.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>
<!-- [Thủ Thuật] Nút Facebook share trượt hai bên cho Blogger
http://choiblogs.blogspot.com/2014/11/cach-lam-nut-facebook-share-truot-hai.html
-->

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é.

LƯU FILE HÌNH ẢNH:

http://s10.postimg.org/s1a8ghl6t/Fb_Logo.png
or
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqH1uoXzNroTKz3SrB9TKHfMtl-acZZJT9jiW3uzpNpfgGB6OjaxfG6MKt2a60kGTlDKk4zT9KPFP2yvClmTJd0c4EVLkwaJGIMBPA_A8AA_pVvg5ewfnvfVsGgCQ3-6OBiTh51Gk-mgom/s1600/Fb_Logo_2k.png
or
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqH1uoXzNroTKz3SrB9TKHfMtl-acZZJT9jiW3uzpNpfgGB6OjaxfG6MKt2a60kGTlDKk4zT9KPFP2yvClmTJd0c4EVLkwaJGIMBPA_A8AA_pVvg5ewfnvfVsGgCQ3-6OBiTh51Gk-mgom/s1600/Fb_Logo_2k.png
or

*Mình thể hiện phần [Lưu File Hình Ảnh] để khi link gốc của thủ thuật chết đi thì thuật thuật vẫn còn có giá trị khắc phục nhanh. Mình thủ thế cho thủ thuật thôi, chúc các bạn vui vẻ.