Thư viện

Trải nghiệm

Thứ Tư, tháng 12 21, 2011

Chèn comment của facebook vào blogspot Ves1

Facebook comments for blogger - Và hôm nay Namkna sẽ giới thiệu cho các bạn Chèn comment của facebook vào blogspot. hướng dẫn cho các bạn đem cái công cụ "chém gió" này vào blog của các bạn. Với việc thay thế comment của blogspot bằng comment của facebook hy vọng blog của các bạn sẽ sôi động hơn.

Chia sẻ:
Facebook comments for blogger  - Chèn comment của facebook vào blogspot - http://namkna.blogspot.com/
Facebook đã trở nên phổ biến và quen thuộc mỗi khi chúng ta muốn lên đây để ... "chém gió". Và hôm nay Namkna sẽ giới thiệu cho các bạn Chèn comment của facebook vào blogspot. hướng dẫn cho các bạn đem cái công cụ "chém gió" này vào blog của các bạn. Với việc thay thế comment của blogspot bằng comment của facebook hy vọng blog của các bạn sẽ sôi động hơn.
Có thể nói thủ thuật chèn comment của facebook vào mỗi bài viết blogspot cũng không mới lạ gì, 1 số blog thủ thuật nước ngoài đã đăng tải rồi (các bạn có thể vào google search với từ khóa facebook comments for blogger là có kết quả ngay).Hiện nay Facebook đang chặn Ip Việt Nam nên mình giới thiệu mẫu có sẵn. Và bài tới mình sẽ hướng dẫn các bạn cách đăng ký (Các bạn có thể theo dõi cập nhật Tại đây)

Có bao nhiêu cách chèn vào blog?

Ở bài này mình giới thiệu cho các bạn 2 cách là:
Cách 1 là chỉ có 1 form comment của facebook.
Cách 2 là chạy 2 comment cùng 1 lúc, mặc định là form comment của blogspot, nếu muốn xem bên form comment của facebook thì click vào liên kết chuyển form.
Dưới đây là Demo cho cả 2 cách:
Giờ chúng ta sẽ đi vào cách cụ thể:

Cách 1 là chỉ có 1 form comment của facebook.

Facebook comments for blogger  - Chèn comment của facebook vào blogspot - http://namkna.blogspot.com/
1- Bước đầu tiên bạn phải làm là đóng comment của blogger lại bằng cách vào Cài Đặt => bài đăng và nhận xét => Facebook comments for blogger  - Chèn comment của facebook vào blogspot - http://namkna.blogspot.com/ Tại mục Vị trí nhận xét các bạn chọn ẩn.
- Lưu cài đặt lại.
2-  Vào phần Mẫu (Template) -> chỉnh sửa HTML (Edit HTML) -> nhấp chọn Mở rộng tiện ích mẫu. => Chèn đoạn code bên dưới vào trước thẻ đóng </head>.
<script type='text/javascript'>
//<![CDATA[
var purl= location.href;
var fb_href = purl.substring(0,purl.indexOf(".html")+5);
var fbcm ='<div class="fb-comments" data-href="'+fb_href+'" data-num-posts="5" data-width="660"></div>';
//]]>
</script>
Trong đó:
  • data-width là độ rộng của comment box.
  • data-num-posts là số comment được hiển thị (cũng chính là số bài reply trên 1 comment)
  • data-href là để phân biệt từng comment box, mỗi địa chỉ data-href khác nhau sẽ cho 1 comment box khác nhau. và trong thủ thuật này data-href chính là link của mỗi bài viết
3- Chèn đoạn code bên dưới vào sau thẻ <body> .
<div id='fb-root'/>
<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.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>
4- Tìm đoạn code như bên dưới :
<b:include data='post' name='post'/>
5- Chèn ngay sau nó đoạn code bên dưới :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if> 
6- Lưu Mẫu (Save template). và ra xem kết quả.

Cách 2: là chạy 2 comment cùng 1 lúc, mặc định là form comment của blogspot, nếu muốn xem bên form comment của facebook thì click vào liên kết chuyển form.


Ảnh minh họa:
Facebook comments for blogger  - Chèn comment của facebook vào blogspot - http://namkna.blogspot.com/

Facebook comments for blogger  - Chèn comment của facebook vào blogspot - http://namkna.blogspot.com/
Sau đây là các bước thực hiện : lưu ý là ở bản cập nhật này các bước thực hiện vẫn tương tự, chỉ có khác là không vào phần cài đặt để ẩn comment mà thôi. Vì thế nếu đã thực hiện bản cũ muốn update lên ở bản này thì các bạn cứ việc thay thế code đã thêm ở bản cũ bằng code của bản này là được.

1. Vào phần Mẫu (Template) -> chỉnh sửa HTML -> nhấp chọn mở rộng tiện ích mẫu.

2. Chèn đoạn code bên dưới vào trước thẻ đóng </head>.
<script type='text/javascript'>
//<![CDATA[
String.prototype.GetValue= function(para) {
var reg = new RegExp("(^|&)"+ para +"=([^&]*)(&|$)");
var r = this.substr(this.indexOf("\?")+1).match(reg);
if (r!=null) return unescape(r[2]); return null;
}
var purl= location.href;
var cm_form = purl.GetValue("cm_form");
var fb_href = purl.substring(0,purl.indexOf(".html")+5);
var fbcm ='<div class="fb-comments" data-href="'+fb_href+'" data-num-posts="5" data-width="660"></div>';
//]]>
</script>
Trong đó:
  • data-width là độ rộng của comment box.
  • data-num-posts là số comment được hiển thị (cũng chính là số bài reply trên 1 comment)
  • data-href là để phân biệt từng comment box, mỗi địa chỉ data-href khác nhau sẽ cho 1 comment box khác nhau. và trong thủ thuật này data-href chính là link của mỗi bài viết
3- Chèn đoạn code bên dưới vào sau thẻ <body> .
<div id='fb-root'/>
<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.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>
4. Tìm đoạn code như bên dưới :
<b:include data='post' name='post'/>
5. Chèn ngay sau nó đoạn code bên dưới :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='cmnav' style='text-align:center;'> <a 
href='?cm_form=blogger#cmnav'>Blogger Comments</a> | <a 
href='?cm_form=facebook#cmnav'>Facebook Comments</a> 
</div>

<script type='text/javascript'>
if (cm_form==&quot;facebook#cmnav&quot;) {
document.write(fbcm); 
var fbcss = document.createElement(&quot;style&quot;);
fbcss.type = &quot;text/css&quot;;
fbcss.innerHTML = &quot;#comments { display:none }&quot;;
document.body.appendChild(fbcss);
}
</script></b:if> 
- Ở bước 5 này có 1 lưu ý nhỏ. Bạn phải xác định thẻ div chưa nội dung của phần comment của blogger là gì, đa số nó sẽ là #comments. Tùy theo template của bạn đang xài, và tùy theo người Rip template thì có thể nó sẽ khác. Việc xác định nó cũng không khó nên mình không hướng dẫn ở đây.
- 1 điều nữa là phần liên kết chuyển form comment (href='?cm_form=blogger'href='?cm_form=facebook'). Cái giá trị cm_form=facebook thì bạn phải giữ nguyên, còn giá trị cm_form=blogger thì các bạn có thể thay đổi theo ý thích. Cái này chỉ có tác dụng load lại trang để sang chế độ comment của blogger mà thôi. Như ở đây mình khuyên cũng nên giữ nguyên để cho nó đẹp, pro 1 tý.

6. Lưu mẫu lại..

Cập nhật: Với bản Ves 1 này các bạn không thể chỉnh sửa và xóa các comment của độc giả được. Nếu bạn muốn có quyền đó thì hãy xem ves 2 Tại đây.
Theo: Fandung.

132 nhận xét:

  1. Thanks Anh! Em đã làm được rồi! Hi vọng sẽ làm được nhiều tiện ích khác

    Trả lờiXóa
  2. @TUỆ UYỂN AN LẠC HẠNH Uk chúc Blog em ngày càng phát triển nha! :P

    Trả lờiXóa
    Trả lời
    1. khi chạy cùng 2 comment sao comment blog không hoạt động vậy ad

      Xóa
    2. lam co mau nhu trong hinh sau vay?

      Xóa
    3. Bạn kiểm tra xem có đang check vào phần comment google + trong cài đặt không thì bỏ đi nha. xem thêm bài sau để hiểu rõ hơn:

      Sửa lỗi không hiển thị nhận xét trong comment blogspot

      Xóa
    4. Câu hỏi của bạn chưa rõ ràng nha bạn, mình không hỗ trợ được...

      Xóa
  3. Mẫu 2 bước 5 thiếu thẻ đóng rồi hèn gì toang báo thiếu cú pháp so sánh với cái mẫu 1 mới biết thiếu :))

    Trả lờiXóa
  4. @everytime Uk tại lúc Convert code bị thiếu thẻ đóng: </b:if> ở cuối
    hiện tại mình đã Fix lại trong bài viết rùi.
    Code mới như sau:
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='cmnav' style='text-align:center;'> <a
    href='?cm_form=blogger#cmnav'>Blogger Comments</a> | <a
    href='?cm_form=facebook#cmnav'>Facebook Comments</a>
    </div>

    <script type='text/javascript'>
    if (cm_form==&quot;facebook#cmnav&quot;) {
    document.write(fbcm);
    var fbcss = document.createElement(&quot;style&quot;);
    fbcss.type = &quot;text/css&quot;;
    fbcss.innerHTML = &quot;#comments { display:none }&quot;;
    document.body.appendChild(fbcss);
    }
    </script>
    </b:if>

    Trả lờiXóa
  5. Chào bạn! Thủ thuật này rất hay.
    Bạn cho mình hỏi là mình muốn hiển thị Facebook Commment theo cách 2. Nhưng mình muốn Facebook comment là mặc định thay vì blogger comment thì phải chỉnh sửa code lại như thế nào!
    Cám ơn bạn rất nhiều.

    Trả lờiXóa
  6. @Admin Ministrator Nếu dùng Style 2 thì bạn phải để như thế thui. Tại vì comment của blogspot mặc định là từ bên ngoài do vậy ta không thể Edit Được phần đó đâu. :3) :3) :3) :3)

    Trả lờiXóa
  7. cho minh hoi minh tim ma ko thay .nhu vay thi minh lam sao .goi mail minh dc ko .nhuttran913@gmail.com

    Trả lờiXóa
  8. @www.lopdh11qt14.tk bạn đã bấm mở rộng tiện ích mẫu chưa thế, Vì thẻ này blog nào cũng phải có, nếu thiếu nó không hoạt động nổi đâu bạn nha :3) :3) :3)

    Trả lờiXóa
  9. minh vao roi Crtl F tim nhung ma ko co

    Trả lờiXóa
  10. @www.lopdh11qt14.tk Nếu thế bạn gửi Template quá mail: tavannam01@gmail.com mình coi sau. Vì đây là hẻ chứa bài viết và comment nếu không có thì blog sẽ không hiển thị comment và post đâu. :)

    Trả lờiXóa
  11. bạn ơi nó load lâu dể sợ :(( đợi nó load chắc già mà chết

    Trả lờiXóa
  12. @fullhayblogger Thủ thuật này chỉ là nhúng thêm code của bên thứ 3 vào, nên ảnh hưởng không nhiều tới tốc độ load của blog. nguyên nhân có thể là tốc độ mạng của bạn thấp hoặc mạng của bạn chặn trang face book thôi. :3) :3) :3)

    Trả lờiXóa
  13. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
  14. CHo em hỏi theme blog của em không có dòng này:. Thì làm sao để thêm zô đây!!!

    Trả lờiXóa
  15. @Hiển Pro Nhớ chọn mở rộng tiện ích mẫu nha em. :3) :3) :3)

    Trả lờiXóa
  16. Cảm ơn bạn. Mình đã thêm vào blog của mình. rất hay. hihi.

    Trả lờiXóa
  17. Mình muốn trao đổi backlink với trang của bạn. Không biết bạn nghĩ thế nào? Trang của mình là www.marketing4u.vn

    Trả lờiXóa
  18. Ờ mình muốn đổi cái màu chữ cho nó thành chữ trắng tại nền của mình màu đen mà chữ đen chả thấy gì cả. Giúp mình nhé

    Trả lờiXóa
  19. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
  20. Nếu muốn cho nó chạy (hiển thị) Comments facebook mặc định trước trên blog thì chỉnh cái phần nào vậy bạn..

    Và Làm thế nào để biết khi 1 người nào đó Comments trên facebook comments được không bạn. Hay bắt buộc phải xem từng bài viết mới biết có Comment hay không.

    Nếu blog mà có cả trăm cả ngàn bài thì lỡ có ai comments bằng facebook thì sao mà biết được..

    Ý của mình là khi một người nào đó Comments bằng Facebook Comments thì sẽ có một thông báo cho mình biết là bài đó có người Comments.

    Trả lờiXóa
  21. @Robert beanMuốn hiển thị comment thường ta dùng feed để lấy, nhưng không biết có comment của facebook này có feed ko. Với lại các comment này dữ liệu nó phân biệt với nhau bằng link của trang mà nó được chèn vào, nên cũng rất khó để lấy được các comment mới nhất trong tất cả các bài viết của blog.

    Trả lờiXóa
  22. @Tuyet Ly Ly Bạn đổi đoạn
    style='text-align:center;'
    Thành:
    style='text-align:center; color:#fff;'
    => Với #fffMã Màu!

    Trả lờiXóa
  23. Mình cũng có cái blog muốn tạo cái này cho blog của mình, nhưng mà về tin học mình không rành đọc không hiểu lắm, Ai đó giúp mềnh với :)

    Trả lờiXóa
  24. @Hung Tran

    BẢO ADMIN THỦ THUẬT GIÚP BẠN, BẠN CHỈ VIỆC CÀI SOFT TEAM VIEW TRƯỚC RỒI CHUYỂN ID + PASS ĐÓ CHO ANH ẤY GIÚP !

    Trả lờiXóa
  25. @Hung Tran Cái này rất rễ mà làm ý nguyên hướng dẫn là OK.

    Trả lờiXóa
  26. Code này rất hay và mình đang áp dụng nó tuy nhiên chuyển qua lại giữa 2 comments hơi chậm
    Bạn có thể làm theo kiểu này được không? Nhìn nó chuyển qua lại giữa 2 loại comments nhìn rất mượt
    Mình có làm theo hướng dẫn của họ tại đây nhưng không thể được.
    Nếu bạn nghiên cứu làm thành công thì viết 1 bài hướng dẫn nhé!
    Cảm ơn

    Trả lờiXóa
  27. @Huy Cò Vip Mình làm được rồi :D
    Các bạn vào góp ý giùm mình với :D
    Comments Facebook Pro :L) :L)

    Trả lờiXóa
  28. Chỉ em cách chỉnh bản cmt ở dưới bài viết di anh .

    Trả lờiXóa
  29. Code này rất hay và mình đang áp dụng nó tuy nhiên chuyển qua lại giữa 2 comments hơi chậm
    Bạn có thể làm theo kiểu này được không? Nhìn nó chuyển qua lại giữa 2 loại comments nhìn rất mượt.
    Doc truyen sex
    Truyen sex
    truyen sex hay
    Mình có làm theo hướng dẫn của họ tại đây nhưng không thể được.
    Nếu bạn nghiên cứu làm thành công thì viết 1 bài hướng dẫn nhé!
    Cảm ơn

    Trả lờiXóa
  30. Có ai thích cái comments của blog mình không mình share cho :D
    Http://TrollVL.Blogspot.Com

    Trả lờiXóa
  31. Các cao thủ coi dùm em trang này thiếu sót cái gì nữa
    http://chupanh360.blogspot.com

    Trả lờiXóa
  32. Mình cũng chèn được rồi nhưng chỉ để 1 loại http://www.treemcuoi.com/

    Trả lờiXóa
  33. Mình chèn được rồi, để cả 2 loại cho mọi người comment, thank bạn nhé
    Hinh nen top

    Trả lờiXóa
  34. mình muốn chữ màu khác thì làm thế nào vì nền của mình màu đen

    Trả lờiXóa
    Trả lời
    1. Bạn đổi đoạn
      style='text-align:center;'
      Thành:
      style='text-align:center; color:#fff;'
      => Với #fff là Mã Màu!

      Xóa
  35. cám ơn nhé, để mình thử lại ^^

    Trả lờiXóa
  36. mình dùng code chỉ dùng cho comt facebook mãi mà ko sửa được cho chữ nó màu trắng. nó ko nhận CSS làm sao giờ hả cậu ơi?

    Trả lờiXóa
    Trả lời
    1. Comment của facebook mặc định từ nhà cung cấp màu đên nền xms rùi bạn ởi không đổi được.

      Xóa
  37. mình làm rồi nhưng ko được haiz

    Trả lờiXóa
    Trả lời
    1. Hiện tại mình đã caaoj nhật vesion 2 bạn xem tại đây nha: http://namkna.blogspot.com/2012/10/them-comments-facebook-cho-blogger-ves2.html

      Xóa
  38. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
  39. Mình dùng cách 2, nhưng Facebook Comments nó không hiện thị, ở cách 2 này thì phần cài đặt chọn như thế nào bạn??

    Trả lờiXóa
    Trả lời
    1. đây là ảnh mình chụp lại ở 2 cái file:///C:/Users/ASUS/Desktop/anhvidu.htm , bạn xem và giúp mình với nhé. Thanks! bạn.

      Xóa
    2. Hình bạn up ko xem dc.
      Cách 2 ban chon vi tri nhan xet là "được nhúng"

      Xóa
    3. Cách 2 bạn chọn cài đựt là "ĐƯợC NHÚNG"

      Xóa
  40. Admin giải đáp giúp với mình làm theo ves2 nhưng khi nhấn vào coment facebook thì có ô để nhập nhận xét nhưng nhần vào comentbloger thì không có ô nào để nhập văn bản. mong admin trợ giúp nhà mình ~~> http://ceodacdat.blogspot.com/

    Trả lờiXóa
    Trả lời
    1. Cài đặt của blooger bạn phải để ĐƯợC NHÚNG như bạn để ẨN rồi còn đâu.

      Xóa
  41. sao không tài nào tìm được thẻ body nhỉ dù CTRL + F, chỉ có thẻ /body. Bạn nào post dùm đoạn code chổ body gần đó có thẻ nào để mình search thẻ ấy coi sao ?

    Trả lờiXóa
    Trả lời
    1. Bạn tìm thẻ < body ko co the dong > o cuoi coi sao. Vì với mẫu simple của blogger thì thẻ body thuơng co dang < body ... > thêm sau no la oke.

      Xóa
  42. Bạn cho mình hỏi: Không cần ID của facebook à bạn

    Trả lờiXóa
    Trả lời
    1. Ves 2 mới cần ID. Ves 1 này không cần đâu. Tuy nhiên bạn nên dùng Ves 2 để quản lý comment dễ dàng hơn.

      Xóa
  43. Namkna ơi!Mình cài comment kiểu chỉ có facebook, bạn chỉ giùm mình làm sao xóa cái dòng "0 nhận xét" ở cuối bài viết được không ^^.
    Cho mình hỏi: ở trang chủ các bài viết mới nhất, làm sao cho nó hiện nhãn (hiển thị cùng dòng với thời gian post bài)để biết bài viết đó thuộc nhãn nào) thì xài code nào hả bạn :d

    Link blog của mình: http://bingboongblog.blogspot.com/

    Trả lờiXóa
    Trả lời
    1. Mở rộng tiện ích mẫu và Bạn thêm đoạn mã sau vào trước thẻ: <div class='postmeta-primary'>

      <span class='post-labels'>
      <b:if cond='data:post.labels'>
      <b:loop values='data:post.labels' var='label'>
      <a expr:href='data:label.url + "?&max-results=10"' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'> \</b:if>
      </b:loop>
      </b:if>
      </span>

      Xóa
    2. Mình chèn code như Namkna hướng dẫn nhưng nó thông báo thế này:
      "Mẫu của bạn không thể được phân tích cú pháp vì được tạo không đúng. Hãy đảm bảo tất cả các phần từ XML được đóng chính xác.
      Thông báo lỗi XML: The reference to entity "max-results" must end with the ';' delimiter.

      Error 500"

      Phải làm sao đây bạn :(

      Xóa
    3. 1- Tại encode bị nhầm. tìm trong đoạn mình cho ở trên có chữ & như bên dưới
      [pre]ưa expr:href='data:label.url + "?&max-results=10"' rel='tag'[/pre]

      Và thêm vào sau chữ & đó chữ amp

      XÓa chũ comment bạn thêm đoạn sau vào trước dòng: ]]></b:skin>

      Xóa
    4. Đoạn code để xóa chữ commnet:

      #comments h4{display:none !important}

      Xóa
    5. Mình xóa dc chữ comment rồi^^. Nhưng mà sao cái dòng tên Nhãn nó nằm trên dòng thời gian, nhìn kì quá. hix. Namkna giúp mình với, làm sao cho dòng nhãn hiển thị cùng dòng với cái dòng thời gian post bài :(

      Xóa
    6. Chèn sau đoạn <div class='postmeta-primary'> mà bạn. Bạn chèn sau post-header-line-1 nằm ngoài class postmeta-primary nên mí vậy.

      Xóa
  44. Trong blog mình có đoạn code này, mình muốn xóa phần comment và chèn tên nhãn đứng phía sau dòng thời gian post bài, namkna giúp mình chỉnh đoạn code này nhé!


    <div class='post-header-line-1'/>

    <b:if cond='data:blog.pageType != "static_page"'>

    <div class='postmeta-primary'> <span class='post-labels'>
    <b:if cond='data:post.labels'>
    <b:loop values='data:post.labels' var='label'>
    <a expr:href='data:label.url + "?&max-results=8"' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'> \</b:if>
    </b:loop>
    </b:if>
    </span>
    <span class='meta_date'><data:post.timestamp/></span>
    &nbsp;<span class='meta_author'><data:post.author/></span>
    &nbsp;<span class='meta_comments'><b:if cond='data:post.allowComments'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'>0 bình luận</b:if><b:if cond='data:post.numComments == 1'>1 bình luận</b:if><b:if cond='data:post.numComments >= 2'><data:post.numComments/> bình luận</b:if></a></b:if></span>
    </div>
    </b:if>

    <div class='post-body entry-content'>

    Trả lờiXóa
    Trả lời
    1. Bạn thay đoạn code của mình ở trên vào đoạn này:
      <span class='meta_comments'><b:if cond='data:post.allowComments'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'>0 bình luận</b:if><b:if cond='data:post.numComments == 1'>1 bình luận</b:if><b:if cond='data:post.numComments >= 2'><data:post.numComments/> bình luận</b:if></a></b:if></span>

      Xóa
    2. Và thay đoạn:

      .meta_date,.meta_author,.meta_comments,.meta_edit,.meta_categories,.meta_tags{font-family:Times New Roman, Helvetica, Sans-serif;font-size:14px;padding:3px 0 3px 20px;background-position:left center;background-repeat:no-repeat}

      thành:

      .meta_date,.meta_author,.post-labels,.meta_edit,.meta_categories,.meta_tags{font-family:Times New Roman, Helvetica, Sans-serif;font-size:14px;padding:3px 0 3px 20px;background-position:left center;background-repeat:no-repeat}


      Tiếp tục thay:

      .meta_comments{background-image:url(http://i1283.photobucket.com/albums/a560/nhutuyet_hq9x/ctsmile.png)}

      thành:


      .post-labels{background-image:url(http://i1283.photobucket.com/albums/a560/nhutuyet_hq9x/ctsmile.png)}
      .post-labels a{color:#333}
      .post-labels a:hover{color:#ddd}

      nhớ thay hình ảnh in đâm thành hình bạn muốn nha.
      #333 là mã màu khi chưa dê chuột.
      #ddd là mã màu khi ta dê chuột vào tên label.


      Xóa
    3. yeah yeah! mình làm được rồi. Cám ơn Namkna nhiều nhiều lắm ^^. Còn chỉnh một chỗ nữa là blog mình ok rồi. hì hì. Namkna ráng giúp mình chút xíu nữa nhé ^^.

      Mình muốn thay cái tiện ích Lưu trữ blog (mình đã đổi tên hiển thị thành Thư viện entry) bằng tiện ích Bài viết mới nhất có hiển thị ảnh và đoạn trích (giống như tiện ích Xem nhiều trong tuần trong blog mình) thì sử dụng code nào vậy Namkna.

      P/S: Nhờ vả Namkna nhiều, mình cũng ngại lắm, nhưng mình rất dở về code blogspot, đành phải nhờ Namkna giúp thôi ^^

      Xóa
    4. Nhận xét này đã bị tác giả xóa.

      Xóa
  45. hic hix. Namkna giúp mình với :((. Mình không biết chỉnh cái này mà, mò 2 ngày rùi mà k biết dc gì hết :( Help me. huhu

    Trả lờiXóa
    Trả lời
    1. Có rất nhiều cách tùy biến tiện ích bài viết xem nhiều bạn có thể xem Thêm hiệu ứng tooltips cho rencent post và popuplar post cho blogger

      Đây là tiện ích mình đánh giá rất cao vì đẹp và load nhanh do sử dụng widget của blogger/

      Xóa
    2. namkna k hiểu rõ câu hỏi của mình rồi :(. Nhưng mà cái này cũng k quan trọng lắm, bỏ nó cho rùi ^^. Tks Namkna đã giúp đỡ mình nhìu về code nha, k phiền bạn nữa :D

      Xóa
    3. Nếu cần thiết thì bạn hãy mô tả rõ hơn yêu cầu nha :))

      Xóa
  46. Mình vừa mới làm được rồi. haha.
    Mời cả nhà xem kết quả
    Mồi nhậu ngon - bia chẳng còn

    Trả lờiXóa
  47. Anh Namkna ơi. Giúp em với. Em làm được rồi, nhưng nó bị lỗi hiển thị. Anh qua xem giúp em với ạ......

    Thích Hô Hấp

    Trả lờiXóa
  48. À Mình làm được rồi, thì ra phải vô edit bài đăng trên blog để ẩn cái comment của nó

    Trả lờiXóa
  49. thanks, mình làm đc rồi a href="http://www.vomanh.name.vn/"

    Trả lờiXóa
  50. Cám ơn bạn rất nhiều! mình đã thêm thành công!

    Trả lờiXóa
  51. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
  52. Bạn ơi mình muốn chèn vào theme động này thư viện ảnh đẹp. Bạn giúp mình để mọi người cùng biết nhé.
    Cám ơn bạn nhiều !

    Trả lờiXóa
    Trả lời
    1. Với mẫu Dynamic Views đó thì không thể sử dụng thủ thuật này nha Nguyễn Văn Hiếu

      Xóa
  53. Vâng cám ơn Nam Ta, Vậy bạn có cách nào để chèn khung facebook vào đó không ?

    Trả lờiXóa
    Trả lời
    1. Hiện tại mẫu đó không cho tùy chỉnh thêm các tiện ích của bên thứ 3. Chỉ có thể thêm các tiện ích có sẵn của blogger thôi bạn ak.

      Xóa
  54. bạn Nam tạ ơi có thể cho mình cái link fb k mình cần bạn giúp mình tí

    Trả lờiXóa
  55. rất hay anh ah! cảm ơn anh

    Trả lờiXóa
  56. Ủa Anh Nam biết cách chuyển đổi qua lại giữa 2 tab cmt mà không cần load lại trạng không anh? Thanks anh trước

    Trả lờiXóa
    Trả lời
    1. Thanks anh!
      Lúc trước cái Ves 2 em xài không được nên giờ em mới chuyển sang cái này xài đó anh ^^! Hi

      Cái ves 2 em làm mải mà chẳng được nên nản quá làm thử cái này :) Nhưng cái này mỗi lần click vào phải load lại hơi bất tiện :|

      Xóa
    2. Em gửi account và pass vào tavannam01@gmail.com anh chỉnh cho.

      Xóa
  57. Mình đã làm được, cảm ơn bạn. Nhưng cho mình hỏi, mình muốn đổi màu chữ cmt thì thế nào, nên blog mình màu đen, mà chữ cũng đen nữa nên chả nhìn thấy gì @@

    Trả lờiXóa
  58. Mình chỉ để hiện mỗi cmt của facebook thôi nhé, còn cái bạn trên kia nói là thuộc trường hợp để 2 cmt rồi. Mình cũng tìm đoạn tương tự nhưng ko thấy, có gì giúp mình nhé. cảm ơn

    Trả lờiXóa
    Trả lời
    1. cmt của facebook là plussgin của bên thứ 3 không đổi màu chữ được bạn ak.

      Xóa
  59. Nhận xét này đã bị quản trị viên blog xóa.

    Trả lờiXóa
  60. Anh Namka ơi cho em hỏi ở mục chỉ chèn comment facebook với. Do nền blog của e màu đen nên khi chèn code của anh vào chữ với màu nền trùng nhau nên không đọc được j hết. Vậy em làm thế nào đây anh.
    BLog của em: http://phamloc120893.blogspot.com/

    Trả lờiXóa
    Trả lời
    1. Em thêm đoạn code bên dưới vào trước thẻ ]]>

      .fb-comments{background:#fff; color: red;}

      Xóa
    2. Cám ơn anh nhiều lắm, e làm được rồi :)

      Xóa
    3. Không có gì rất vui vì giúp được em./.

      Xóa
  61. Bác có thế hướng dẫn đổi màu text cmt của fb không? Vì blog em có nền màu đen nên rất khó đọc, Mong bác hướng daxn cho code đổi màu chổ nào ! Nhìn vào đống code trên chẳng biết mã màu text ở đâu cả!
    Thanks bác trc ! Chờ câu trả lời của bác !

    Trả lờiXóa
    Trả lời
    1. Bạn có thể chèn đoạn bên dưới trước dòng ]]></b:skin>

      .fb-comments{background:#fff}

      hoặc đoạn này:

      .fb_iframe_widget{background:#fff}

      Xóa
    2. Cám ơn bác code đơn giản mà hiệu quả. nhưng ước gì có thể đổi màu text. chứ đổi màu nền làm nó loang lổ quá !
      Cám ơn bác lần nữa. nếu đổi đc màu text của fb cmt thì bác hướng dẫn giúp nhé !

      Xóa
    3. Bạn thử dùng code sau xem sao nha:

      .fb-comments{color:#333 !important}

      Xóa
  62. Anh ƠI làm sao để cái phần coment nó có màu trắng - tức là nên của những lời comment đấy - của em nó cứ theo nên trong luôn - anh xem giúp em

    http://ken24h.blogspot.com/

    Trả lờiXóa
    Trả lời
    1. Blog của em lỗi một số phần em nên kiểm tra lại nha. Hiện tại bài đăng trang bài viets của em không hiện thị đâu :)

      Xóa
  63. là lỗi gì vạy anh .em thấy hiển thị bình thương mà -phần nào không hiển thị vậy anh..nhờ anh nói rõ đc không

    Trả lờiXóa
  64. đã được rồi .thanks anh

    Trả lờiXóa
  65. à anh ơi cái like và goog+ cuối bài đăng nó bị lỗi gì ấy ,không hoạt động được.
    xem qua em với :
    http://ken24h.blogspot.com/2013/10/cham-soc-trang-hong-cho-tam-giac-mat.html

    Trả lờiXóa
  66. nhưng anh ơi sao khi em gỡ - tiện ích buton đó ra thì nó vẫn để lại chỗ trống đó không làm sao mất đc

    Trả lờiXóa
  67. ok . đã mày mò được rồi anh nhé .>thanks

    Trả lờiXóa
  68. Cho em Hỏi Sao Blogger Của Em Lại Không Có Các Thẻ ]]> với </body a nhỉ

    Trả lờiXóa
    Trả lời
    1. Em dùng chức năng tim kiếm nội tuyến sẽ thấy nha:
      Xem ngay

      Xóa
  69. Bác cho hỏi, nếu muốn comment facebook ves 1 chạy được ở trên giao diện mobile thì phải làm thế nào?

    Trả lờiXóa
  70. Bạn hãy thiết kế giao diện mobile như bài hướng dẫn này nha": Thiết kế Responsive Blogger Template khi xem bằng mobile và PC

    Trả lờiXóa
  71. anh nam ơi
    anh xem giúp em với
    cái comment facebook đang hoạt động bình thường thì tự nhiên mất
    mặc dù em dũng đã làm lại theo của anh nhưng cũng không được
    nhờ anh vào kiểm tra giúp em với :
    sken360.blogspot.com

    Trả lờiXóa
    Trả lời
    1. Em hãy nâng cấp lên các bản mới nhát ở dưới nha"

      Thêm comments facebook cho blogger ves2 (Update)


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

      Hãy gỡ bỏ bản hiện tại trước khi làm một trong 2 bản bên trên nha e,

      Xóa
  72. anh à em muốn dùng một mình cái facebook cho ổn định, phiên bản mới này hay nhưng em không muốn tác động vào code nhiều - làm cái chỉ mình facebook thôi , không biết lý do gì tự nhiên mất hút

    Trả lờiXóa
  73. Thanksbajn, mình mò mãi mới được, chúc bạn vui vẻ nhé!

    Trả lờiXóa
  74. Cảm ơn bạn nhé. Mình đã làm được rồi :D

    Trả lờiXóa
  75. Cho em hỏi ... Sao chèn vào rồi ... Khi có người comment sao ko có thông báo gì hết ... Sao mà biết được ai comment ở bài nào

    Trả lờiXóa
    Trả lời
    1. VES 1 này không có thông báo bạn ak. Nếu muốn có thông báo khi có người nhận xét thì bạn hãy sử dụng bản cập nhật ở đây: Thêm comments facebook cho blogger ves2 (Update)

      Xóa
  76. "Mở rộng tiện ích mẫu" ở đâu vậy anh ơi, êm dô Edit HTML rồi mà không thấy

    Trả lờiXóa
  77. Doanh nghiệp Cửu Dung chuyên cung cấp ngao và một số loại thủy sản khác.

    Trả lờiXóa
  78. Thêm comment Facebook vào Blogspot Blogger (Mới) 100% thành công: https://www.youtube.com/watch?v=vElOHRFK3Mk

    Trả lờiXóa