Chèn Facebook Comment vào giao diện mobile cho Blogger (Blogspot)

Hôm qua có vài bạn hỏi mình: khi truy cập bằng điện thoại thì không thấy hiện bình luận facebook, làm sao để hiện bình luận facebook trên giao diện mobile ?
Bài viết này sẽ là câu trả lời cho các bạn:

Hướng dẫn chèn Facebook Comment vào giao diện mobile cho Blogger (Blogspot)

Đầu tiên, đảm bảo là các bạn đã đọc qua và chèn facebook comment vào giao diện web như ở bài viết này: Hướng dẫn chèn Facebook Comment vào Blogger (Blogspot)

Giờ muốn thêm bình luận facebook vào giao diện mobile các bạn có 2 cách:
Đăng nhập Blogger ~> Vào Mẫu ~> Chỉnh sửa HTML
Cách 1: Tìm đến thẻ <b:includable id='mobile-post' var='post'>
Thêm đoạn code sau dưới thẻ đóng </div> của thẻ <div class='post-footer'> (Thẻ này nằm trong phần <b:includable id='mobile-post' var='post'>)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class="fb-comments" expr:data-href="data:post.canonicalUrl" data-width="100%" data-numposts="5" data-colorscheme="light"></div>
</b:if>

Cách 2: Thêm đoạn code sau ngay dưới thẻ <b:include data='post' name='mobile-post'/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class="fb-comments" expr:data-href="data:post.canonicalUrl" data-width="100%" data-numposts="5" data-colorscheme="light"></div>
</b:if>

Xong rồi nhé, giờ các bạn Lưu Mẫu lại và xem thành quả thôi.