[HƯỚNG DẪN] Sử Dụng Song Song Nhận Xét Facebook và Blogger

Xin chào các bạn, dường như ai cũng biết rằng càng đi xa ta càng thêm nhớ nhà. Í quên mất, nhầm nhầm nhé, sorry :))
Chắc hẳn các bạn cũng biết thủ thuật thêm nhận xét của Facebook vào Blogger rồi phải không nào. Tuy nhiên, làm như vậy thì nhận xét của Facebook và Blogger sẽ tách xa nhau và nhìn như vậy cũng không hẳn làm đẹp .
Vì vậy, nhờ code của Kslzone, hôm nay mình sẽ share cho các bạn cách tạo song song nhận xét Blogger và Facebook song song với nhau, như vậy vừa đẹp lại vừa "truất" nữa chứ :)

Nào, chứng ta cùng thực hiện nhé!
Bước 1: Các bạn truy cập Blogger => Chủ Đề => Chỉnh Sửa HTML
Bước 2: Các bạn tìm thẻ <body> và thêm vào sau nó đoạn code sau:

<div id='fb-root'></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;js.async=true;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Lưu ý: Các bạn hãy tìm xem trong template của mình xem có đoạn code nào tương tự không, nếu có thì hãy xóa nó đi hoặc để đấy or dán đè lên nó nhé. Không thêm vào lại xảy ra xung đột thì khổ :(
Bước 3: Các bạn tìm đoạn code sau : <b:includable id='comments' var='post'> và thêm đoạn code sau vào trước thẻ đóng </b:includable> của nó:

<div id="fb_comments" style="height:0;visibility: hidden;">
<div class="fb-comments" expr:data-href='data:post.url' data-width="100%" data-numposts="5" data-colorscheme="light"></div>
</div>

Bước 4: Các bạn tiếp tục tìm đến đoạn mã sau: <b:includable id='threaded_comments' var='post'> và thêm vào trước thẻ </b:includable> của nó đoạn code sau:

<div id="fb_comments" style="height:0;visibility: hidden;">
<div class="fb-comments" expr:data-href='data:post.url' data-width="100%" data-numposts="5" data-colorscheme="light"></div>
</div>

Bước 5: Các bạn tìm đến đoạn mã sau : <b:includable id='post' var='post'> và chèn đoạn code sau vào trước thẻ đóng </b:includable> của nó:

<b:if cond='data:blog.pageType == "item"'>
<div id="Button1" style="margin:70px 0 30px;padding:0;text-align:center;float:left;background:#FC9543;color:#fff;font-weight:700;cursor:pointer;width:50%;height:35px;line-height:35px" onclick="document.getElementById('comments').style.display='block';fb_comments.style.height='0';fb_comments.style.visibility='hidden';Button1.style.display='none';Button2.style.display='block';">Blogger Comments</div>
<div id="Button2" style="display:none;margin:70px 0 30px;padding:0;text-align:center;float:left;background:#FC9543;color:#fff;font-weight:700;cursor:pointer;width:50%;height:35px;line-height:35px" onclick="document.getElementById('comments').style.display='block';fb_comments.style.height='0';fb_comments.style.visibility='hidden';Button1.style.display='block';Button2.style.display='none';">Blogger Comments</div>
<div id="Button3" style="margin:70px 0 30px;padding:0;text-align:center;float:right;background:#3E5B99;color:#fff;font-weight:700;cursor:pointer;width:50%;height:35px;line-height:35px" onclick="document.getElementById('comments').style.display='none';fb_comments.style.height='100%';fb_comments.style.visibility='visible';Button3.style.display='none';Button4.style.display='block';">Facebook Comments</div>
<div id="Button4" style="display:none;margin:70px 0 30px;padding:0;text-align:center;float:right;background:#3E5B99;color:#fff;font-weight:700;cursor:pointer;width:50%;height:35px;line-height:35px" onclick="document.getElementById('comments').style.display='none';fb_comments.style.height='100%';fb_comments.style.visibility='visible';Button3.style.display='block';Button4.style.display='none';">Facebook Comments</div>
</b:if>

Bước 6: Lưu mẫu và xem kết quả.
Code: Kslzone

Hướng dẫn bình luận

Tiện ích

Dùng những công cụ ở dưới để viết chữ theo ý muốn, chèn link

Chèn hình ảnh

Nếu muốn chèn hình ảnh, video từ Youtube vào khung bình luận, bạn chỉ việc paste trực tiếp link hình ảnh, link video youtube vào đó

Upload ảnh

Sử dụng công cụ này để upload ảnh nếu bạn chưa upload

Chèn một đoạn Code

Đầu tiên sử dụng công cụ mã hóa code phía dưới để mã hóa đoạn code muốn chèn.
Sau đó dùng thẻ [code] CODE_ĐÃ_MÃ_HÓA [/code] hoặc [pre] CODE_ĐÃ_MÃ_HÓA [/pre] rồi paste vào khung bình luận

THAM GIA TRANH TOP BÌNH LUẬN NGAY!

Một số lưu ý khi bình luận

Mọi bình luận sai nội quy sẽ bị xóa mà không cần báo trước (xem nội quy).

Bấm Thông báo cho tôi bên dưới khung bình luận để nhận thông báo khi admin trả lời.

Hãy xem hướng dẫn để bình luận theo đúng ý nhé.

Hiện EmoticonsẨn Emoticons Hiện Upload ảnhẨn Upload ảnh

Click vào icon để bôi đen mã, sau đó copy mã
Ctrl + V hoặc Right click chọn Paste vào ô nhận xét để chèn Emoticon
Nếu dùng nhiều Emoticon giữa chúng ngăn cách bằng 1 dấu cách

Mã Hóa Code