Thêm Facebook Like Box Bên Phải Màn Hình Cho Blogger

Để có hàng ngàn người biết đến bài viết của bạn trong thời gian ngắn thì bạn phải sử dụng những nút like hoặc nút chia sẻ. Những nút like hoăc chia sẻ này giúp đưa bài đăng của bạn tới những mạng xã hội lớn nhất thế giới một cách nhanh chóng.


Thay vì bạn thêm Facebook Like Box trực tiếp trên sidebar, Bạn có thể đặt nó ở 1 góc nào nó trông thẩm mỹ hơn và làm cho blog có nhiều không gian hơn. Vì thế bài viết hôm nay mình sẽ hướng dẫn các bạn "Thêm Facebook Like Box Bên Phải Màn Hình Cho Blogger".

Hình Minh Họa:

VIEW DEMO

Cách thực hiện: Các bạn chèn code sau trước thẻ đóng </body>

<!--Floating Facebook Widget START-->

<style type="text/css">
#facebook-box{
  background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwivS11ftXYs5ZyMvWwW9NYlvltCLvphfCIKp9wBC5LEc8fU3SyucQjCzpkPLOyuF86daqI9PyxWr_rRTtTS3darVF4_bCZSnBOABY-CaklRMetBANvEQm-o6mOFNKOwrM1O4IaZVs6ZfB/s1600/ABT_facebook_widget.png") no-repeat scroll left center transparent !important;
  float: right;
  height: 280px;
  padding: 0 5px 0 46px;
  width: 290px;
  z-index: 99999;
  position: fixed;
  right: -295px;
  top: 20%;
}
</style>

<div id="facebook-box">

<script src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script>
<script type="text/javascript">
jQuery(document).ready(function() {
    jQuery("#facebook-box").hover(function() {
        jQuery(this).stop().animate({
            right: "0"
        }, "medium");
    }, function() {
        jQuery(this).stop().animate({
            right: "-295"
        }, "medium");
    }, 500);
});
</script> 

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fhelper.blogger&amp;width=290&amp;colorscheme=light&amp;show_
faces=true&amp;border_color=white&amp;connections=9&amp;stream=false&amp;header=false&amp;height=280" scrolling="no" frameborder="0" style="border: white; overflow: hidden; height: 280px; width: 290px;background:#fafafa;color:000;padding:15px"></iframe>

</div>
<!--Floating Facebook Widget END-->

- Nhớ thay ID Facebook trong bài viết này thành ID của bạn nhé.
Vậy là xong. Chúc các bạn thành công!

Share this

Author : Unknown

Bài Viết Cùng Chủ Đề