Hướng dẩn tạo Responsive cho Facebook Comments

Hiện nay ai cũng có tài khoản nên việc tích hợp Facebook comment vào để tiện cho người dùng comment cũng như kiếm thêm lượt visit từ Facebook.

Để thêm Facebook comments lên WordPress có 2 cách một là cài đặt trực tiếp , hai là dùng plugin thường thì khi dùng plugin sẽ có tính năng responsive cho Facebook comment luôn.

Trong bài viết này mình sẽ hướng dẩn các bạn một thủ thuật nhỏ giúp tạo Facebook comment responsive, đơn giản bạn chỉ cần thêm một đoạn Javascript:

<script type="text/javascript">
   $(".fb-comments").attr("data-width", $(".fb-comments").parent().width());
   $(window).on('resize', function() {
   resizeFacebookComments();
   });
   
   function resizeFacebookComments() {
   var src = $('.fb-comments iframe').attr('src').split('width='),
   width = $(".fb-comments").parent().width();
   
   $('.fb-comments iframe').attr('src', src[0] + 'width=' + width);
   }
</script>

$(".fb-comments").attr("data-width", $(".fb-comments").parent().width());

$(window).on('resize', function() {

resizeFacebookComments();

});

function resizeFacebookComments() {

var src = $('.fb-comments iframe').attr('src').split('width='),

width = $(".fb-comments").parent().width();

$('.fb-comments iframe').attr('src', src[0] + 'width=' + width);

}

</script>

Bạn chỉ cần thêm vào trang nào có Facebook comment là được.

1 Leave a Reply

1

Leave a Reply