Cách thêm hộp Facebook bên phải trình duyệt cho Blogger [ Blogspot]

BloggerGuide

Monday, November 16, 2015

0 comments

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

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

<style type="text/css">
#facebook-box{
  background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjawW5x4rhvPDquhNVKEJ1rPVNdV4XD8nLCHGDXpoAb7wsoV8-xJIz99ub0JZKh65plzVDF4Ag-dv4APS5lv5tHX4X_-fGLQf28Ctvp59glhqpAVP1vcnonB-5sF86IJrwylBTpKkGn4b2/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 frameborder="0" scrolling="no" 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" style="background: #fafafa; border: white; color: black; height: 280px; overflow: hidden; padding: 15px; width: 290px;"></iframe>

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

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!

Tag : Blog Design, Blog Tips