Car Reviews

Auto Show

Sự kiệnThông tinChi tiết
Vietnam Motor Show 20165/10 đến 9/10 tại I.C.E, 91 Trần Hưng Đạo, Hà Nội Tham gia
Vietnam International Motor Show 201626/10 đến 30/10 tại SECC, 799 Nguyễn Văn Linh, Sài Gòn Tham gia

Saturday, September 14, 2013

Thêm comment Facebook, Google+ vào blogger ves4

Thêm cùng lúc comments mặc định của blogger, comments của trang facebook và cuối cùng là comment của trang google + vào blogspot dạng tab chuyển động qua lại giữa các tab mượt mà và seo tốt

Chia sẻ:
Bài viết này mình sẽ hướng dẫn các bạn thêm cùng lúc 3 loại comment phổ biến nhất hiện nay dành cho blogger. Đó là comments mặc định của blogger, comments của trang facebook và cuối cùng là comment của trang google +. Với dạng tab chuyển động nên cho dù các bạn chèn 3 loại comment nhưng không hề chiếm diện tích và làm sấu bố cục, mà ngược lại nó còn làm cho trang của bạn nhìn chuyên nghiệp hơn.

Các bạn có thể xem ảnh minh họa để thấy rõ nguyên tắc hoạt động của thủ thuật này trước khi quyết định có áp dụng nó hay không nha:
Thêm comment Facebook, Google+ vào blogger  ves4

Và nếu cần thiết bạn có thể thử nghiệm trực tiếp trên blog demo của mình nha:


Để làm được điều đó các bạn lần lượt làm theo các bước bên dưới:

» Bước 1: Tạo app trên facebook và lấy Application ID

Bước này mình đã từng giới thiệu đến cho các bạn trong ves 2 và các bạn có thể xem cách tạo một APP facebook như trong bài viết mình từng hướng dẫn ở đây: » Tạo app trên facebook và lấy Application ID

» Bước 2: Cài đặt phần comment mặc định của blogger

- Để các blogger để hiển thị bình luận facebook tab, bạn phải thiết lập comment nhúng bên dưới bài viết. Để hiển thị các comment blogger bên dưới bài hãy làm như sau:
2.1- Bào Blogger> Cài đặt> Bài đăng và nhận xét
2.2- Thiết lập "Vị trí nhận xét" (Comment Form Placement) để nhúng (Embedded ) bên dưới bài viết và Lưu thiết đặt của bạn lại. Như vậy khi chuyển tab phần comment đó sẽ nằm ở vị trí như trong demo
(Bước này đa số mặc định của blogger đã cài đặt sẵn tuy nhiên một số blog có thể vô tình mà bạn cài đặt dạng khác. Nếu kiểm tra thấy nó không như hướng dẫn thì hãy cài lại nha)

» Bước 3: Chèn comment Facebook, comment Google+ và comment mặc định của blogger vào blogspot

3.1- Vào phần mẫu (Template)
3.2- Chọn Chỉnh sửa HTML (Edit HTML).
3.3- Tìm thẻ như bên dưới (thông thường nó nằm ngay phần đầy của blog vì nó là thẻ mở của template mà):
<html
- Thay thế nó thành đoạn code bên bên dưới
<html xmlns:fb='http://www.facebook.com/2008/fbml'
3.4- Dán code khai báo với face book  bên dưới sau thẻ <head>:
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='article' property='og:type'/>
<meta content='Logo.png' property='og:image'/>
<meta content='App ID' property='fb:app_id'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script type='text/javascript'>
          function commentToggle(selectTab) {
            $(".comments-tab").addClass("inactive-select-tab");
            $(selectTab).removeClass("inactive-select-tab");
            $(".comments-page").hide();
            $(selectTab + "-page").show();
          }
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
☼ Tùy chỉnh code: 
  • Thay Logo.png thành link ảnh của bạn. Tốt nhất hãy sử dụng ảnh có kích thước 30 x 30px. Nếu bạn không  muốn có một biểu tượng hiển thị trên tường mỗi khi có một ai đó đăng nhận xét trong blog của bạn thì hãy xóa đoạn code màu xanh đi.
  • Thay App ID thành App ID đã tạo ở bước 1. (ở bài này)
  • Nếu blog của bạn đã có file jquery-min.js rồi thì xóa phần màu vàng (Để biết blog có file đó hay chưa hãy bấm CTrl + F và đánh tên file vào).
3.5- Dán đoạn CSS sau trước thẻ ]]></b:skin> :
#blogger-comments-page{padding:0 5px}
#comments h4{text-indent:-999em;height:1px;background:#0186CB;margin-top:27px}
#fb-comments-page, #googplus-comments-page{display:none}
#googplus-comments-page {border-top: 1px solid #0186CB;margin-top: 27px;}
.comments-page{width:98%}
.comments-tab{float:left;padding:5px;margin-left:5px;margin-right:3px;cursor:pointer;background-color:#048F14;color:#fff}
.comments-tab-icon{height:14px;width:auto;margin-right:3px}
.comments-tab:hover{background-color:#rgb(35,117,44)}
.inactive-select-tab{background-color:#000}
.fb_iframe_widget{background:#333;color:#fff}
☼ Tùy chỉnh CSS: 
  • background:#333 là màu nền của phần comment facebook bạn có thể đổi lại thành màu khác (trong bài này mình để nền màu đen)
  • color:#fff là màu chữ của phần commnet facebook. Nếu bạn thay đổi màu nền thì hãy thay đổi cả phần này cho thích hợp với blog của bạn nha.
  • background-color:#000 là màu nền của các tab. Phần mà khi bạn bấm để chuyển qua lại giữa các tab như hình sau:
3.6- Tìm đoạn code có dạng như bên dưới:
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'>
- Thêm vào sau nó đoạn code sau:
<div class='comments-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'><img class='comments-tab-icon' src='http://1.bp.blogspot.com/-kWJNusoCMrY/UmFj2SvSviI/AAAAAAAAL3A/TYFuh_symU4/s1600/icon-blogger-namkna.png'/><data:post.numComments/> Comments
 </div>
 <div class='comments-tab inactive-select-tab' id='googplus-comments' onclick='javascript:commentToggle(&quot;#googplus-comments&quot;);' title='Comments made with Google+'><img class='comments-tab-icon' src='http://3.bp.blogspot.com/-PNOKhttBWcI/UmFjlkpQ5kI/AAAAAAAAL24/GSt-90XQyE4/s1600/google+++namkna.png'/>
                    G+ Comments
</div>
<div class='comments-tab inactive-select-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'><img class='comments-tab-icon' src='http://2.bp.blogspot.com/-6VCYhvZAYYQ/UmFjVg3hgpI/AAAAAAAAL2w/QZVHMtQ7CQw/s1600/facebook-namkna123.png'/>
   <fb:comments-count expr:href='data:post.url'/>Comments
</div>
<div class='comments-page' id='googplus-comments-page'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
       <div id='google_comments'/>
<script src="http://apis.google.com/js/plusone.js"></script>
          <script>
           gapi.comments.render(&#39;google_comments&#39;, {
           href: window.location,
           width: &#39;680&#39;,
           first_party_property: &#39;BLOGGER&#39;,
          view_type: &#39;FILTERED_POSTMOD&#39;
          });
       </script>
   </b:if>
</div>
<div class='comments-page' id='fb-comments-page'>
       <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <div class='fbcm'>
         <div id='fb-root'/>
<fb:comments colorscheme='dark' expr:href='data:post.canonicalUrl' expr:title='data:post.title' expr:xid='data:post.id' width='680'/>
       </div>
   </b:if>
</div>
<div class='comments-page' id='blogger-comments-page'>
☼ Tùy chỉnh phần comment: 
  • Phần màu vàng là phần comment của google + nếu không thích thì bạn có thể xóa nó đi.
  • Phần màu xanh là phần comment của facebook nếu không thích thì bạn có thể xóa nó đi.
3.7- Tìm thẻ đóng </b:includable> tương ứng nằm ngay bên dưới của thẻ mở mà mình nói đến ở bước 3.6 và thêm vào trước thẻ </b:includable> đó đoạn code sau:
</div>
3.8- Lưu mẫu của bạn lại và kiểm tra kết quả đã làm nha.

Nếu gặp bất cứ khó khăn nào khi áp dụng hãy để lại comment của bạn ở dưới bài viết này mình sẽ hướng dẫn cụ thể và giải đáp các thắc mắc của các bạn.

☼ Quản lý comment được đăng trong tab facebook:

- Để đánh dấu bất cứ bình luận nào đó là thư rác (spam) hoặc loại bỏ/ẩn bất cứ bình luận bạn cần đăng nhập vào tài khoản facebook đã tạo App trên của bạn bằng cách truy cập trang này:
http://developers.facebook.com/tools/comments
Bạn có thể kiểm duyệt tất cả cùng một lúc mà không cần truy cập tất cả các bài viết trong blog của bạn và điều chỉnh các ý kiến ​​cá nhân cho mỗi bài viết.

Làm thế nào để cho phép các nhà cung cấp khác đăng nhận xét trên khung comment facebook,

Với Facebook Plugin bạn có thể chọn để chấp nhận ý kiến ​​ngay cả với Yahoo, Hotmail hay AOL. Để chấp nhận bình luận từ các nhà cung cấp phần thứ ba chỉ cần nhấp vào liên kết Settings trên Facebook hộp bình luận bên trong một bài viết bất kỳ của bạn và nhấp vào hộp kiểm nói rằng "các nhà cung cấp đăng nhập khác" (Other login providers)
Thêm comment Facebook, Google+ vào blogger  ves4
Lưu ý: liên kết Settings hoặc Moderator view sẽ chỉ xuất hiện trên các bài viết mới của bạn hoặc bài viết có ít hơn 2 comment Facebook. Do vậy chỉ cần truy cập bài viết mới của bạn và chỉnh sửa nó từ tab facebook.

Lưu ý với thread comment:

Với các bạn sử dụng mẫu thread comment của blogger thì các tab chỉ xuất hiện khi có một commnet đầu tiên được xuất bản.

85 nhận xét:

  1. This comment has been removed by the author.

    ReplyDelete
    Replies
    1. This comment has been removed by the author.

      Delete
  2. cảm ơn Namkna nhiều nhé, đúng cái mình mong dợi lâu nay :D
    Namkna có thể giúp mình chỉnh thêm sao cho mỗi lần khi vào bài đăng thì hiện cmt của Fb đầu tiên không? mặt dù mình đã hoán đổi vị trí của cmt Fb về phía trước nhưng vẫn hiện cmt của blog trước, khi cần cmt Fb thì fai click vào Cmt Fb, rất bất tiện cho người theo dõi không để ý đến cmt Fb, http://1netquang.blogspot.com/2013/09/khanh-thanh-cay-cau-bi-sap-3-nam-truoc.html

    ReplyDelete
    Replies
    1. Nếu bạn muốn khi truy cập vào cái đầu tiên nó hiển thị là của face book thì bạn thay đoạn:

      #blogger-comments-page{padding:0 5px}
      #comments h4{text-indent:-999em;height:1px;background:#0186CB;margin-top:27px}
      #fb-comments-page, #googplus-comments-page{display:none}

      Thành:

      #blogger-comments-page{padding:0 5px}
      #comments h4{text-indent:-999em;height:1px;background:#0186CB;margin-top:27px}
      #fb-comments-page, #googplus-comments-page{display:none}


      Và thay đổi vị trí của 3 đoạn:

      <div class='comments-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'><img class='comments-tab-icon' src='http://1.bp.blogspot.com/-kWJNusoCMrY/UmFj2SvSviI/AAAAAAAAL3A/TYFuh_symU4/s1600/icon-blogger-namkna.png'/><data:post.numComments/> Comments
      </div>
      <div class='comments-tab inactive-select-tab' id='googplus-comments' onclick='javascript:commentToggle("#googplus-comments");' title='Comments made with Google+'><img class='comments-tab-icon' src='http://3.bp.blogspot.com/-PNOKhttBWcI/UmFjlkpQ5kI/AAAAAAAAL24/GSt-90XQyE4/s1600/google+++namkna.png'/>
      G+ Comments
      </div>
      <div class='comments-tab inactive-select-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'><img class='comments-tab-icon' src='http://2.bp.blogspot.com/-6VCYhvZAYYQ/UmFjVg3hgpI/AAAAAAAAL2w/QZVHMtQ7CQw/s1600/facebook-namkna123.png'/>
      <fb:comments-count expr:href='data:post.url'/>Comments
      </div>

      thành:

      <div class='comments-tab inactive-select-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'><img class='comments-tab-icon' src='http://2.bp.blogspot.com/-6VCYhvZAYYQ/UmFjVg3hgpI/AAAAAAAAL2w/QZVHMtQ7CQw/s1600/facebook-namkna123.png'/>
      <fb:comments-count expr:href='data:post.url'/>Comments
      </div>
      <div class='comments-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'><img class='comments-tab-icon' src='http://1.bp.blogspot.com/-kWJNusoCMrY/UmFj2SvSviI/AAAAAAAAL3A/TYFuh_symU4/s1600/icon-blogger-namkna.png'/><data:post.numComments/> Comments
      </div>
      <div class='comments-tab inactive-select-tab' id='googplus-comments' onclick='javascript:commentToggle("#googplus-comments");' title='Comments made with Google+'><img class='comments-tab-icon' src='http://3.bp.blogspot.com/-PNOKhttBWcI/UmFjlkpQ5kI/AAAAAAAAL24/GSt-90XQyE4/s1600/google+++namkna.png'/>
      G+ Comments
      </div>

      Delete
    2. đầu tiên cho e cảm ơn a đã làm giúp e! nhưng khi e thay comment facebook lên trước thì nó vẩn hiện thị mặc định là comment của blogger ! giờ làm thế giờ để chuyển kái mặc định hiển thị thành facebook đc a

      Delete
    3. Cái mà anh trả lời mail em hôm ny đó hả, Để lát anh vào anh sửa luôn lại cho nha.

      Delete
  3. http://developers.facebook.com/tools/comments
    hình như trang này không vào được nữa, bình thường mình vẫn vào được mà giờ vô dụng rồi

    ReplyDelete
    Replies
    1. uK CHẮC họ đang cập nhật nên tạm thời không vô được bạn ak, bạn để một vài ngày nữa rồi vào lại sau coi sao nha :)

      Delete
  4. mình làm đúng không báo lỗi nhưng nó lại không hiện kết quả, mà lại hiện 1 loạt dãy mã code trên đầu của blog T_T

    ReplyDelete
    Replies
    1. Em lưu ý khi thực hiện em phải làm hết các bước rồi mới lưu lại vì nó liên quan đến nhau mà. Nhất là đoạn code ở bước 3.6 và 3,7 đó em ak.

      Delete
  5. cho mình hoi nếu xóa đoạn code màu xanh kia có thể thì hiện hình banner của trang blog. Mình muốn hiện hình trên bài đăng thì phải làm như thế nào vậy Nam?

    ReplyDelete
    Replies
    1. Thay thế đoạn màu xanh thứ 2 bằng đoạn code chèn hình ảnh của bạn:

      Thay thế đoạn màu xanh thứ 2 bằng đoạn code chèn hình ảnh của bạn:

      <div class='comments-page' id='fb-comments-page'>
      <img src="Link ảnh" />
      </div>

      Delete
  6. em áp dụng cách của anh rồi. nhưng nó chỉ hiện mỗi comment của g+ , anh xem giúp em với được ko ạ.
    http://niemtinkhatkhao.blogspot.com/

    ReplyDelete
    Replies
    1. Bước 3.6 em làm sai vị trí em ak.

      Delete
    2. phần 3.6 của em chỉ có đoạn code này :
      <b:includable id='threaded_comments' var='post'>
      <div class='comments threaded_commentsnya' id='comments'>
      và em đặt phía sau nó luôn.
      anh có thể xem giúp em được ko ạ

      Delete
    3. Nguyên nhân chính là do đoạn code của em đã bị thay đổi và ẩn đi. Em hãy xóa đoạn sau đi nha

      .comments.threaded_commentsnya .comment-form {
      display:none;
      }

      Lưu mẫu lại và kiểm tra xem đã được chưa nến chưa được thì tiếp tục làm như sau. em sửa 2 đoạn đó của em:

      <b:includable id='threaded_comments' var='post'>
      <div class='comments threaded_commentsnya' id='comments'>

      thành đoạn code này của anh nha:

      <b:includable id='threaded_comments' var='post'>
      <div class='comments' id='comments'>

      Delete
    4. Vẫn ko được. thôi e chuyển về cái ves2 vậy

      Delete
    5. Em có thể dùng ves 2 hoặc gửi mẫu vào tavannam01@gmail và ghi rõ yêu cầu anh sẽ thêm cho :)

      Delete
    6. chao bạn mình có thử đoạn code này vẫn không được
      bạn xem đoạn này giúp mình với


      HTML expr:dir='data:blog.languageDirection'>

      Delete
  7. Anh ơi em đã làm theo các bước nhưng save về không được. Phần đầu dòng mã html e đã thêm giống anh hướng dẫn, nhưng dòng kế tiếp của nó là head nó báo ko được.
    Could not load template preview: Error parsing XML, line 4, column 1: Element type "html" must be followed by either attribute specifications, ">" or "/>".

    ReplyDelete
    Replies
    1. Em lưu ý giúp anh là sau khi thay phần html thì sau đoạn bên dưới phải có dẫu cách với phần còn lại nha.

      <html xmlns:fb='http://www.facebook.com/2008/fbml'

      Anh ví dụ:

      <html xmlns:fb='http://www.facebook.com/2008/fbml' 'http://google

      giữa 2 đoạn xmlns:fb='http://www.facebook.com/2008/fbml' và 'http://google có dấu cách đó nha em viết liền sẽ lỗi đó.

      Delete
    2. hix em đã làm rồi vẫn ko được. :( e có thắc mắc template e down về phần đầu template đó định sẵn là < HTML > xong rồi xuống hàng là < head > .
      vậy có làm được ko anh? em kím thữ dòng < html.. nhưng ko có chỉ có phần đầu là < HTML > thôi à :(

      Delete
    3. Được chứ vậy thì em tháy đoạn:

      <html>

      thành nhue bên dưới là được:

      <html xmlns:fb='http://www.facebook.com/2008/fbml'>

      Delete
    4. thanks anh.
      anh ơi cho em hỏi ngoài lề xíu :D em muốn up phim nhiều tập thì làm sao ạ

      Delete
  8. Ngồi loay hoay cả buổi mà không làm được giống như của Nam. Tớ gửi Template đến Nam rồi nhé. Hy vọng cậu chỉnh sửa giúp . Chân thành cám ơn cậu !

    ReplyDelete
    Replies
    1. Oke lát mình sẽ check mail trả lời bạn nha.

      Delete
  9. Mình làm theo các bước của bạn nhưng blog thứ nhất thì đc, sang blog thứ 2 thì nó ko hiện tab mặc dù mình đã comment thử test rồi :(

    ReplyDelete
    Replies
    1. Bạn chèn nhầm vị trí ở bước cuối rồi hãy làm lại đi nha.

      Delete
    2. Bạn đăn nhập vào blog vào phần GOOGLE + nếu đang bật comment của google + thì hãy bỏ dấu tich ở hình ảnh bên dưới đi nha bạn,. XEM ẢNH

      Delete
  10. Bạn ơi, mình gửi teample cho bạn qua blog này, không biết bạn đã nhận được chưa, nếu được rồi thì bạn chỉnh sửa giùm mình với nha

    ReplyDelete
  11. Mình gửi qua phần liên hệ ở phía trên ấy, không biết có đến được không, nếu không bạn cho mình địa chỉ mail nhé

    ReplyDelete
    Replies
    1. Phần đó đâu có đính kèm file được bạn.

      mail mình là tavannam01@gmail.com nha bạn.

      Delete
  12. minh lam thi duoc roi, nhung khi co 1 comment blogger thi tab lai bien mat. giup minh nhe!

    ReplyDelete
    Replies
    1. Đây là chính sách mới của google theo đó những tiện ích của bên thứ 3 chèn vào blog chỉ có thể chọn một trong 2 hình thức với 2 đoạn code <div class='comments' id='comments'> (Em tìm kiếm sẽ thấy nó có 2 đoạn như vậy)

      1. Đoạn <div class='comments' id='comments'> đầu tiên thì: ban đầu bị ẩn, khi có ít nhất một comment nó mới hiện thị.

      2. Đoạn <div class='comments' id='comments'> thứ 2 thì: Ban đầu hiện thị, khi có từ một comment trở lên thì nó sẽ bị ẩn.

      - Do vậy chúng ta thường lựa chọn hình thức đầu vì nó hữu dụng hơn.

      Tuy nhiên nhiều người muốn kết hợp cả 2 hình thức như em chẳng hạn, đây không phải là không thể làm được nhưng nếu làm trang của em sẽ phải load một đoạn code 2 lần vô hình chung trang của em sẽ chậm đi đôi chút,

      Không nói vòng vo nữa, nếu muốn nó hiện thị thì chỉ có các duy nhất là đoạn code ở bước 6 e phải chèn 2 lần tức là sau 2 đoạn code có dạng <div class='comments' id='comments'>

      Delete
    2. Đó là nguyên nhân vì sao anh viết cả 2 đoạn bên dưới để em tìm

      <b:includable id='threaded_comments' var='post'>
      <div class='comments' id='comments'>

      Bởi ngoài ra nó còn có một đoạn như bên dưới nữa:

      <b:includable id='comments' var='post'>
      <div class='comments' id='comments'>

      Nếu bước 3.6 và bước 3.7 em chèn 2 lần thì hiển nhiên nó sẽ hiện thị ở cả 2 dạng, điều đó đồng nghĩa trang load chậm hơn :)

      Delete
    3. anh oi cua em chi co 1 doan code div class='comments' id='comments' thoi a. em gui email cho anh + template cua blog cua em roi. anh xem giup em nhe!

      Delete
    4. Em gửi nhớ ghi rõ yêu cầu và link bài viết này nha, Không nhiều thư a không nhớ hết nội dung hỗ trợ đâu/

      Delete
  13. Hic! Sao cái trang của mình nó không có phần đăng nhận xét, mặc dù đã bật" nhúng" rùi mà vẫn không thấy :(

    ReplyDelete
    Replies
    1. Mình vào nó vẫn hiện thị rất tốt mà bạn :)

      Delete
  14. Dear Bạn,

    Mình đã nhúng code theo hướng dẫn của bạn nhưng không chuyển đổi giữa các comment được và cũng không thấy phần settings. Bạn xem giúp mình nhé. Địa chỉ của blog mình là: http://bettyle.blogspot.com.

    Cám ơn bạn nhiều

    ReplyDelete
    Replies
    1. Bạn đã xóa file 1.7.1/jquery.min.js của mình, Như mình nói nếu trong blog của bạn có phiên bản cao hơn hoặc tương đương thì bạn mới xóa, nếu nó thấp hơn thì bạn xóa bản thấp hơn như blog bạn là đoạn 1.5.1/jquery.min.js


      Vấn đề thứ 2: Phần cài đặt chỉ hiện thị với comment facebook và bài viết đầu tiên có nhận xét đầu tiên nha bạn.
      Muốn hiện phần đó bạn chỉ cần đăng nhận xét comment vào một bài viết bạn xuất bản gần nhất nó sẽ hiện thị.

      Delete
    2. Oh, đúng rồi. Cám ơn bạn nhiều. Mình đã xem ko kỹ Ver.

      Delete
  15. Cám ơn bạn nhiều vì mình đã làm được nhưng khổ nối khung cmt fb rộng quá nên nút commnet bị đè lên không thấy được. minh tìm để đổi kích thước rồi mà hok thấy. Mong bạn giúp đỡ! thanks so!

    ReplyDelete
    Replies
    1. Bạn sửa đoạn:

      .fb_iframe_widget{background:#333;color:#fff}

      thành:

      .fb_iframe_widget{background:#333;color:#fff;width:300px!important}

      Delete
  16. Vậy với thread comment có cách nào khắc phục hiện ngay 3 loại comment mà ko cần 1 comment mới hiện ko?

    ReplyDelete
    Replies
    1. ngoài ra chỉ mình edit độ rộng của nó, dài quá mình tìm độ rộng nó để edit lại mà ko thấy :(

      Delete
    2. Hiện tại thì chưa khắc phục được tình trang hiển thị một comment mơi shienej tiện ích này bạn ak.

      - Chỉnh độ rộng thì dùng đoạn:

      #fb-root{width:500px !important}

      Delete
  17. This comment has been removed by the author.

    ReplyDelete
  18. Minh dang rat can no cho trang thcsgiaoan.tk Mong cac ban chia se khi minh khong lam duoc nhe

    ReplyDelete
  19. Làm mãi vẫn khong khong? help me thcsgiaoan.tk

    ReplyDelete
    Replies
    1. Gửi mẫu và app id face vào tavannam01@gmail.com mình thêm cho,.

      Delete
  20. Mình gửi cả rồi! Nhờ bạn nhé! Thankss!!

    ReplyDelete
  21. Đọc xong vẫn chẳng biết phải làm thế nào ạ
    a có thể giúp e với cái templates của e ko ạ ?

    ReplyDelete
  22. This comment has been removed by a blog administrator.

    ReplyDelete
  23. facebook apps ko cho add domain blogspot.com nữa Nam ơi.
    và cái khung facebook với google+ chỉ hiện ra khi có comment ít nhất 1 lần, có cách nào khắc phục cho nó hiện luôn mà ko cần comment ko?

    thủ thuật này rất hay, mình rất thích, trông nó gọn gàng đơn giản rõ ràng hơn, khắc phục được cái trên nữa thì quả là good :)

    ReplyDelete
    Replies
    1. Hiện tại mình thêm blogspot.com vẫn được bạn ak.

      Vấn đề thứ 2 thì hiện tại chưa khắc phục được vì hiện tại blogger đang sử dụng các cặp thẻ b:if và b:else để hiện thị comment dạng phân cấp, và họ vẫn chưa cho phép can thiệp quá sâu vào code phần này.

      Delete
  24. anh ơi em làm mà nó ko hiện ra.. anh xem dùm em vs http://www.viet.co.vu/

    ReplyDelete
    Replies
    1. Nó chỉ hiển thị khi có ít nhất một nhận xét của blogger được xuất bản nha e.

      Ak mà hienj tại em đang sử dụng tới 2 đoạn code nhận xét facebook lận.

      Delete
  25. Bạn xem giúp mình blog lỗi này với:
    1) Khi xem bài viết thì có bài hiện cái khung comment, có bài ko hiện khung comment, mình có 5 bài viết, chỉ có 3 bài là có comment, còn 2 bài còn lại ko có khung comment.
    2) Trong 3 tab comment đó, tab comment google+ của mình nó ko hoạt động?

    Tks bạn nhiều.

    ReplyDelete
    Replies
    1. Blog của mình là: http://giasuuytinhcm.blogspot.com

      Delete
    2. 1. Chỉ khi có ít nhất một comment của google được xuất bản thì tiện ích này mới hoạt động.

      2. Bạn sửa đoạn:

      <script>
      gapi.comments.render(&#39;google_comments&#39;, {
      href: window.location,
      width: &#39;680&#39;,
      first_party_property: &#39;BLOGGER&#39;,
      view_type: &#39;FILTERED_POSTMOD&#39;
      });
      </script>

      thành:
      <script src="http://apis.google.com/js/plusone.js"></script>
      <script>
      gapi.comments.render(&#39;google_comments&#39;, {
      href: window.location,
      width: &#39;680&#39;,
      first_party_property: &#39;BLOGGER&#39;,
      view_type: &#39;FILTERED_POSTMOD&#39;
      });
      </script>

      lưu lại sẽ có comment của google +

      Delete
  26. a ơi http://c3thaiphuc.blogspot.com/2014/07/ngam-thpt-thai-phuc-duoi-nhung-con-mua.html?fb_action_ids=558864210886656&fb_action_types=og.comments&fb_source=aggregation&fb_aggregation_id=288381481237582#.U9ovw71qNAg
    a xem giúp e mới...e sửa mãi không đc phần facebook nó dài quá, a giúp e mới

    ReplyDelete
    Replies
    1. Cái comment fb của bạn để độ dài là 680px. Tìm đến đoạn code <div style="width: 680px; chỉnh lại cho phù hợp với Blog là được!

      Delete
  27. trang của mình nó show cả 2 mới ghét fix thế nào vậy bạn
    http://www.vuivevn.com/2014/08/cao-thu-xuat-hien.html

    ReplyDelete
    Replies
    1. Mình vừa kiểm tra nó hoạt động rất oke mà bạn. Tuy nhiên đoạn code bước 3.6 bạn chèn nhầm vị trí cho nên nó hiển thị ngay từ đâu, sau khi có một nhận xét được đăng nó sẽ mất hết phần mở rộng đó. Bạn nên chèn lại nha,.

      Delete
  28. à mình tìm được chỗ sửa rùi, làm phiền namka quá ^^!

    ReplyDelete
  29. mình làm phát 1 thì thành công, nhưng khi đưa vào dùng thì có lỗi ở comment của blogspot, khi ai mà comment bằng blogspot thì tự động mất luôn khung comment G+ và FB, chưa kể nút trả lời comment của blospot cũng bị vô hiệu hóa không dùng được, namkna có thể fix lỗi được không?

    ReplyDelete
    Replies
    1. áp dụng nó để mình kiểm tra nha bạn.

      Delete
  30. mình chưa hiểu bước 3 cho lắm, bạn kêu thay thẻ <html
    trogn đó thay từ đâu tới đâu, bạn hướng dẫn bằng hình minh hoạ cho dễ

    ReplyDelete
    Replies
    1. Ví dụ thẻ HTML của bạn có dạng:

      <html class='v2' dir='ltr' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

      thì bạn thay thế nó thành:

      <html xmlns:fb='http://www.facebook.com/2008/fbml' class='v2' dir='ltr' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

      Delete
    2. MÌNH CÓ GỬI MAIL CHO BẠN BẠN NHẬN ĐƯỢC CHƯA, , SẴN NHỜ BẠN CHỈNH SỬA DÙM

      Delete
  31. mình làm đến bước 3.7 là bị lỗi không đúng cú pháp, nhờ bạn test lại dùm, mình đã gửi qua email cho bạn rồi, cảm ơn bạn

    ReplyDelete
  32. Khung comment facebook dài quá khổ, làm sao chỉnh cho ngắn lại vậy Bác NAMKHA. http://giaidapsinhhoc.blogspot.com/

    ReplyDelete
  33. Bạn cho mình hỏi cái.

    Nếu mà phần comment của blogspot tích hợp thêm tính năng trả lời thì không dùng được cái này hả hạn?

    ReplyDelete
  34. Nam cho mình hỏi không biết lý do tại sao mà khung comment blogger và face của mình nó không hoạt động được, giúp mình với http://vnshare102.blogspot.com/

    ReplyDelete
  35. Thêm comment Facebook vào Blogspot Blogger (Mới) 100% thành công: https://www.youtube.com/watch?v=vElOHRFK3Mk

    ReplyDelete
  36. This comment has been removed by the author.

    ReplyDelete
  37. Không biết còn đc trả lời không nữa nhưng vẫn phải hỏi bạn cái
    Sao khi ở trang thái bài viết không có bất kỳ một bình luận nào thìblog chỉ hiển thị mỗi một khung comment mặc định của blog . Còn thanh comments-tab thì lỗi không hiển thị đc . Bạn fix dùm mình cái lỗi này cái @@~

    ReplyDelete
  38. Mình làm đc rồi . Bạn hướng đẫn bước 3.6 >> tìm đoạn chèn code vào . Mình gặp lỗi . Mình chuyển lên chèn ở đoạn . Hay quá mình làm đc rồi cảm ơn bài viết cuả bạn nhé !!

    ReplyDelete
  39. Bạn ơi mình hỏi cái với . hy vọng có câu trả lời .
    Khi mình đổi màu nền của comment facebook .fb_iframe_widget{background:#fff;color:#444;} thì màu color không đổi đc bạn . với lại khi đổi màu nền ra màu trắng thì khi comment vào tên hiển thị facebook nó là màu trắng . Làm cách nào để hiển thị màu khác đc ban. Một vấn đề nữa . khi mình cick vào tab comment facebook hoặc g+ trong khung tab comment blog ý . thì nó lại bật khung comment về width khoảng 200 rất khó chịu . Đây là blog của mình bạn vào xem và fix lỗi dùm mình nhé ! Mình làm mọi cách mình biết mà vẫn không tài nào sửa đc bạn ạ !!! http://hubygo.blogspot.com/ . Làm ơn reply dùm nhé . thank bạn trước !!!!

    ReplyDelete
  40. Bạn ơi mình hỏi cái với . hy vọng có câu trả lời .
    Khi mình đổi màu nền của comment facebook .fb_iframe_widget{background:#fff;color:#444;} thì màu color không đổi đc bạn . với lại khi đổi màu nền ra màu trắng thì khi comment vào tên hiển thị facebook nó là màu trắng . Làm cách nào để hiển thị màu khác đc ban. Một vấn đề nữa . khi mình cick vào tab comment facebook hoặc g+ trong khung tab comment blog ý . thì nó lại bật khung comment về width khoảng 200 rất khó chịu . Đây là blog của mình bạn vào xem và fix lỗi dùm mình nhé ! Mình làm mọi cách mình biết mà vẫn không tài nào sửa đc bạn ạ !!! http://hubygo.blogspot.com/ . Làm ơn reply dùm nhé . thank bạn trước !!!!

    ReplyDelete
  41. Bạn giúp mình chuyển comment facebook thành tiếng Việt với
    Cám ơn

    ReplyDelete