Dùng chung nhận xét Blogger, Facebook, Google+
Trước đây mình có bài viết hướng dẫn các bạn sử dụng song song nhận xét Blogger và Facebook, và sau một thời gian thì có một bạn phản hồi muốn mình hướng dẫn "áp dụng dụng chung" 3 hệ thống nhận xét Blogger, Facebook và Google+ luôn. Nếu suy nghĩ ra thì cũng khá hợp lý và mình lập ra bài viết này hướng dẫn cho bạn đó cũng như những bạn có chung như cầu như vậy sử dụng chung luôn cả 3 hệ thống này.
Demo cho các bạn đây: http://ksltest92.blogspot.com/2014/06/test3.html
Thay vì sử dụng đoạn mã đó để chèn vào trước thẻ đóng </b:includable> của
Sau khi hoàn thành thì lưu lại là bạn đã có ngay bộ ba sát thủ nhận xét ngay trên blog của mình. Lưu ý nhỏ là cũng như bài viết trước của mình thì nếu bạn nào muốn ẩn nhận xét cho tới khi khách chọn vào hệ thống bình luận thì thêm đoạn mã nhỏ này lên trên thẻ ]]></b:skin>
Demo cho các bạn đây: http://ksltest92.blogspot.com/2014/06/test3.html
Dùng chung nhận xét Blogger, Facebook, Google+
Do công đoạn thực hiện bài viết này khá tương tự với bài viết trước, nên mình sẽ không hướng dẫn từ đầu nữa. Các bạn hay tìm đến bài viết hướng dẫn sử dụng nhận xét Blogger và Facebook, làm từ đầu tới cái đoạn mã dài nhất thì dừng lại.Thay vì sử dụng đoạn mã đó để chèn vào trước thẻ đóng </b:includable> của
<b:includable id='post' var='post'><b:if cond='data:blog.pageType == "item"'>
<div style='width:100%;height:auto;postion:relative;margin:70px 0 30px;padding:0'>
<div id='Button1' onclick='document.getElementById('comments').style.display='block';g_comments.style.display='none';fb_comments.style.height='0';fb_comments.style.visibility='hidden';Button1.style.display='none';Button2.style.display='block';' style='margin-bottom:30px;padding:0;text-align:center;float:left;background:#FC9543;color:#fff;font-weight:700;cursor:pointer;width:33.3%;height:35px;line-height:35px;display:block'>Blogger Comments</div>
<div id='Button2' onclick='document.getElementById('comments').style.display='block';g_comments.style.display='none';fb_comments.style.height='0';fb_comments.style.visibility='hidden';Button1.style.display='block';Button2.style.display='none';' style='display:none;margin-bottom:30px;padding:0;text-align:center;float:left;background:#FC9543;color:#fff;font-weight:700;cursor:pointer;width:33.3%;height:35px;line-height:35px'>Blogger Comments</div>
<div id='Button3' onclick='document.getElementById('comments').style.display='none';g_comments.style.display='none';fb_comments.style.height='100%';fb_comments.style.visibility='visible';Button3.style.display='none';Button4.style.display='block';' style='margin-bottom:30px;padding:0;text-align:center;float:right;background:#3E5B99;color:#fff;font-weight:700;cursor:pointer;width:33.3%;height:35px;line-height:35px'>Facebook Comments</div>
<div id='Button4' onclick='document.getElementById('comments').style.display='none';g_comments.style.display='none';fb_comments.style.height='100%';fb_comments.style.visibility='visible';Button3.style.display='block';Button4.style.display='none';' style='display:none;margin-bottom:30px;padding:0;text-align:center;float:right;background:#3E5B99;color:#fff;font-weight:700;cursor:pointer;width:33.3%;height:35px;line-height:35px'>Facebook Comments</div>
<div id='Button5' onclick='document.getElementById('comments').style.display='none';g_comments.style.display='block';fb_comments.style.height='0';fb_comments.style.visibility='hidden';Button5.style.display='none';Button6.style.display='block';' style='float:right;margin-bottom:30px;margin-right:33.3%;margin-top:-65px;padding:0;text-align:center;background:#CB4437;color:#fff;font-weight:700;cursor:pointer;width:33.5%;height:35px;line-height:35px'>Google Comments</div>
<div id='Button6' onclick='document.getElementById('comments').style.display='none';g_comments.style.display='block';fb_comments.style.height='0';fb_comments.style.visibility='hidden';Button5.style.display='block';Button6.style.display='none';' style='display:none;float:right;margin-bottom:30px;margin-right:33.3%;margin-top:-65px;padding:0;text-align:center;background:#CB4437;color:#fff;font-weight:700;cursor:pointer;width:33.5%;height:35px;line-height:35px'>Google Comments</div>
</div>
<div id='g_comments' style='display:none;text-align:center'>
<script src="https://apis.google.com/js/plusone.js"></script>
<div id='gcontainer' style="max-width:100%"><div class="g-comments" expr:data-href='data:post.canonicalUrl' data-first_party_property="BLOGGER" data-view_type="FILTERED_POSTMOD" data-width="642"/></div>
</div>
</b:if>Sau khi hoàn thành thì lưu lại là bạn đã có ngay bộ ba sát thủ nhận xét ngay trên blog của mình. Lưu ý nhỏ là cũng như bài viết trước của mình thì nếu bạn nào muốn ẩn nhận xét cho tới khi khách chọn vào hệ thống bình luận thì thêm đoạn mã nhỏ này lên trên thẻ ]]></b:skin>
#comments { display :none }
lúc 13:14 8 tháng 7, 2014
Nhưng nếu như vậy thì chị có phải tìm lại bộ code đã chèn trước đây (song song blog và face) để xóa nó đi thay cái mới không? Để nguyên thì nó ảnh hưởng gì không? Giờ mà mò lại code đã chèn mơi bị "ngán" à. Biết là dùng Ctrl+F nhưng chị không rành code mấy xóa code cũ bị sai thì toi.
lúc 13:20 8 tháng 7, 2014
Như hồi trước em hướng dẫn chị thì nếu bây h làm thêm cái này thì nó ra 2 khung facebook comment. Chị xem lại cái em hướng dẫn chị ở bài trước ấy, tìm xóa cái đoạn cuối rồi làm tiếp là được.
Nếu chị sợ lỗi thì em có thể làm dùm cho chị cũng được.
lúc 21:43 8 tháng 7, 2014
hì tile sai lổi chính tả rồi kìa
lúc 21:44 8 tháng 7, 2014
Trời ạ, thank bác nhiều =]]
lúc 09:52 9 tháng 10, 2014
nếu cho hiển thị thông báo số comment từng cài thì hay biết mấy bạn nhỉ
lúc 08:14 10 tháng 10, 2014
Về phần facebook và comment mặc định thì có vẻ khả thi đấy, có dịp sẽ nâng cấp. Còn bác Google Plus thì mình thua rồi :D
lúc 09:51 10 tháng 10, 2014
Bên wordpress có cái tiện ích recent comment đối với facebook comment. Mình thấy một số blogger cũng có nhưng không ai share cách làm. Cậu nghiên cứu xem làm được cái tiện ích đó cho blogspot thì tuyệt!
lúc 10:01 10 tháng 10, 2014
Bạn có thể để lại một số link của những website đó được không, về việc recent comment đối với một bài viết thì không khó mấy, nhưng với cả một website thì cả một vấn đề lớn. Mình không chắc rằng Javascript có thể xử lý được hết để thực hiện điều này.
lúc 15:54 10 tháng 10, 2014
Tiêu biểu trang của uongmojo mà ksl từng giới thiệu đấy. Còn mấy trang khác tớ không lưu nên thực sự không nhớ ra!
lúc 15:58 10 tháng 10, 2014
Cái đó đâu phải recent comment đâu bạn ^^. Cái nó nó nhúng facebook comment theo bài viết bình thường vào mà :D Nếu bạn thích mình sẽ hướng dẫn nó ở bài viết mới.
lúc 19:54 10 tháng 10, 2014
Cái đó thì tớ không thích lắm. Nếu chỉ nhúng không thì chỉ tổ nặng blog mà lợi ích không nhiều!
Cho tớ cái mã khung theo dõi tôi của blog cậu được không! Tớ đơn giản hóa blog đi nên cần những mã sạch sẽ và gọn gàng như vậy!
lúc 15:07 26 tháng 3, 2015
Mình làm được rồi, bao đẹp luôn, cảm ơn bạn nhé hé hé hé
http://keluuday.blogspot.com/2015/03/gioi-thieu-ve-to-nu-kinh.html
lúc 16:49 26 tháng 3, 2015
Quá chuẩn luôn :D
lúc 14:30 12 tháng 8, 2015
sao mình làm khộng được nó ko hiện ra nhận xét của fb bạn chỉ giúp với
http://vuivehaihuoc.blogspot.com/2015/08/so-sanh-hieu-nang-giua-windows-10.html
lúc 14:31 22 tháng 8, 2015
A dúp em với sao e làm đc ooy nhưng khi click vào thì không bình luận được ạ.. anh nhan tin qua sdt 0976774450 e với
lúc 17:49 22 tháng 8, 2015
blog e là kuxubunu.blogspot.com
lúc 18:49 22 tháng 8, 2015
Mình có kiểm tra qua rồi thì cái template đó đã bị mod, mình không thấy mã đoạn mã phát sinh ra khung comment mặc định ở đâu cả nên nó ko chạy được.
lúc 12:17 28 tháng 9, 2015
a oi a teamview xoa cai popup o template e vs dc khong anh