"Những con đường anh đi rồi cũng đưa anh về bên em"

Chủ Nhật, 20 tháng 1, 2013

Tiện ích Recent Comments sử dụng avatar của người dùng Blogger làm ảnh đại diện


Mới chuyển sang ngôi làng mới này nhiều bỡ ngỡ quá, học hỏi được một chút hôm nay Chân Tình xin chia sẻ bài viết này với cả nhà... Để tiện hơn cho việc quản lý và trả lời các Comment của bạn đọc khi có những comment vào các bài viết cũ... nhiều khi phải vào mail, thiết kế vv... phức tạp, để người comment chờ mãi mà không thấy trả lời, việc đưa những Comment mới nhất lên trang chủ như 1 lời nhắc nhở là cần thiết. Và để nhìn nó cho bắt mắt hơn thì ngoài nickname cùng dòng comment, ta cho hiển thị thêm ảnh đại diện của người đó bên cạnh nữa. Hôm nay CT chia sẻ bài viết này, một cách làm tương đối dễ so với việc vào chỉnh sửa HTML là một việc hết sức khó khăn với gần cả trăm trang mã (đọc hư con mắt luôn) cũng rất mong được học hỏi thêm và nhận được sự góp ý của các anh chị và các bạn


Cách làm đơn giản như sau:
Bước 1
- Vào Thiết kế => Bố cục


Bước 2
 => Thêm tiện ích 
Chọn Tiện ích mục
=> HTML/Javascript và nhấn vào dấu + nha



Bước 3
- Dán đoạn Code sau đây vào phần nội dung Widget HTML/Javascript vừa tạo:

<style type="text/css">
    ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
    .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
    .w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
    .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
    .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
    .w2b_recent_comments li span{margin-top:4px;color: #FOOCC;display: block;font-size: 14px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
    numComments     = 12,
    showAvatar     = true,
    avatarSize     = 60,
    roundAvatar    = true,
    characters     = 50,
    showMorelink    = false,
    moreLinktext    = "Xem thêm »",
    defaultAvatar     = "http://www.gravatar.com/avatar/?d=mm",
    hideCredits    = false;
//]]>
</script>
<script type="text/javascript" src="http://bongnguoilangle.googlecode.com/files/w2b-recent-comments-w-gravatar.js"></script>
<script type="text/javascript" src="http://chantinhnguyen.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=12"></script>




*Lưu ý: Trước khi lưu chỉnh lại thông số cho phù hợp nha, ở đây CT đã chỉnh lại rồi như Blog của CT là 12 comment, bạn chỉ cần thay link Blogspot của bạn vào thôi.. nhấn lưu là xong..

Chỉnh lại các thông số màu đỏ cho phù hợp với nhu cầu của bạn. Trong đó:

- numComments = 12                     là số lượng Comments hiển thị
- showAvatar = true                      hiển thị avatar
- avatarSize = 60                           kích thước avatar
- characters = 50                           số lượng từ hiển thị
- moreLinktext = "Xem thêm »"      liên kết để đọc comment đầy đủ
- giá trị max-results=12 phải bằng với giá trị numComments = 12
- thay địa chỉ http://chantinhnguyen.blogspot.com bằng địa chỉ Blogspot của bạn

Chúc các bạn thành công, bạn nào cần CT giúp trong khả năng CT sẽ làm giúp xin gửi yêu cầu về mail của CT 
a999e@yahoo.com

Cảm ơn Blog Bóng người lặng lẽ đã giúp CT hoàn thành bài viết này


71 nhận xét:

  1. Trả lời
    1. anh nhà báo có cả bộ sưu tập tem rồi nhỉ =))

      Xóa
  2. Thế không hỏi về Comment thì CT có giúp không ?

    Trả lờiXóa
    Trả lời
    1. Nếu BL hỏi trong khả năng của CT thì CT sẵn sàng rất vui được giúp BL! chúc BL một đêm ngon giấc

      Xóa
    2. Thế nào công việc cuối năm chắc bận rộn đúng không ? Cuối tuần vui tươi đầm ấm và hạnh phúc chứ hả ? Hỏi mỗi thế thôi.
      CT cứ luôn tươi cười là Bà Lão mừng rồi. Cuối tuần vui chút cho cả tuần may mắn và đầy ắp tiếng cười mà.

      Xóa
    3. Ui trời BL ơi, CT cảm ơn BL nhiều nhé, cuối năm cv của CT cũng bận thật... chúc BL một đêm ngon giấc BL nhé

      Xóa
  3. Một entry bổ ích tks em nhiều,chúc em chủ nhật đong đầy niềm vui và hạnh phúc em nha!
    [img] http://i372.photobucket.com/albums/oo164/michel_42/CHAO.gif [/img]

    Trả lờiXóa
    Trả lời
    1. CT cảm ơn anh nhiều nghen! hình anh tặng dễ thương lắm ạ... BLOG CT chưa chèn tiện ích đó...

      Xóa
  4. Hay đó nhỉ -khi nào lại phải nhờ người giúp mới được ...

    Trả lờiXóa
    Trả lời
    1. Em sẵn sàng mà để từ CT chỉnh nhé, CT còn đang học để cài thêm một số tiện ích nữa...

      Xóa
  5. Cám ơn chân tình đã hướng dẫn
    Xong nhà mới khó vào thăm bạn quá
    Bài mới muốn đăng không được
    Nhà mới của Lý bạn cũ yahoo không vào cảm nhận được
    Lý muốn vào thăm bạn cũng khó quá
    Nếu banjvaof thămể để lại cảm nhận Lý thăm bạn dễ hơn
    Chúc bạn cuối tuần vui vẻđ

    Trả lờiXóa
    Trả lời
    1. Sao bài mới muốn đăng lại không được hả chị? chi vào mục: Bài đăng mới, viết bài, chèn hình ảnh, nhạc như bình thường... xong chị nhấn vào chữ Xuất bản... rồi thấy hỏi tiếp "Chía se bài đăng"... chị nhấn vào chế độ gia đình, bạn bè... bấm chia sẻ là mọi người thấy bài đăng mới của chị mà! chúc chị một tối vui vẻ chị nhé. Chân Tình xin lỗi chị và mọi người nhiều lắm vì thời gian cuối năm này CT bận nên ít đi thăm mọi người được... lúc rảnh lại tranh thủ học một chút về thủ thuật... và chỉnh sửa blog giúp anh em bạn bè.\, cảm ơn chị đã ghé thăm, chúc chị một tối vui vẻ nhé

      Xóa
  6. Cảm ơn em đã chỉ giúp cách commet rất hay, anh sẽ học. Chiều vui em nhé

    Trả lờiXóa
    Trả lời
    1. Dạ có gì đâu ạ, anh thử làm theo cách này, rất dễ, em đã thử cả chục rồi, nhưng được cái này lại mất cái kia... nhiều bài viết họ share code không dùng được anh ạ... chúc anh một đêm ngon giấc nha

      Xóa
  7. Chú sang thăm cháu nè!Chú chúc cháu tối vui cháu nhé!Nhà cháu đẹp thế.
    cháu ccos thời gian sang blog HK chú chơi nhé
    http://blog.yahoo.com/_M4PIZEVQH6WD76EDHDXBRM6QJI/articles/page/1

    Trả lờiXóa
    Trả lời
    1. chú nhiều blog thế? có thời gian rảnh cháu sẽ sang thăm chú nha

      Xóa
  8. Chú copi dán vào mà không được!Chú copi hết cả

    Trả lờiXóa
    Trả lời
    1. Cháu thấy chú làm được rồi mà, để dưới cho đepk chú ạ, những cái hình bên modun phụ chú chỉnh lại kíc thước bằng kích thước của modun thôi... cìn hành trên banner cũng vậy, chú chỉnh lại cho cân đối chú nhé

      Xóa
  9. Đúng là bên này mỗi lần tìm cm và đọc trả lời cm của chủ nhà mà hoa hết cả mắt. Bài này thật hữu ích CT à.
    Nhưng nó vẫn không được như bên yahoo là chỉ hiện cm của khách nhỉ, ở đây nó hiện cả trả lời của chủ nhà nên khi quay vào tìm cm của mình vẫn mất thời giờ CT nhỉ.
    chúc em tối vui vẻ và có nhiều bài hữu ích cho căn nhà mới này nhé. Cám ơn em

    Trả lờiXóa
    Trả lời
    1. Mooic khi trả lời bình luận dù là ở Blog mình, hay Blog bạn, chị nhớ nhấn vào Đăng kí qua email và chị vào email của mình đọc được câu trả ;ời blog bạn và cả các bình luận tiếp theo và sang xem hay trả lời không là ok mà, nhưng với cách này chị phải bổ sung Gmail cho Blog spot... em mò mẫm lang thang mãi, thử rồi phá hỏng hết các CSS Blog em hihi may mà lưu lại kịp... bên Blogspot này nhiều trang chia sẻ thủ thuật nhưng cách họ dạy vào chỉnh HTML với khảng 150 trang code trong blog em, em đọc đui con mắt mới tìm ra cái thẻ... em thấy thêm vào tiện ích, cách này dễ làm nhất nhất là đối với lính mới như chị em mình... chúc chị yêu một đêm ngon giấc nha

      Xóa
    2. ui thế mà giờ MTV mới biết chứ cứ đi tìm cm của mình bên nhà mọi người mỏi mắt. Cám ơn CT nhiều nhé
      Tối ngủ ngon nhé.

      Xóa
  10. Được rồi cháu ơi!nhưng nó lại tít ở dưới ấy

    Trả lờiXóa
    Trả lời
    1. Chú vào : Thiết kế-> vào Bố cục... nhấn vào kéo cái tiện ích đó vào vị trí chú muốn là được mà

      Xóa
  11. Chú sang thăm cháu nè!Chú chúc cháu ngày mới vui nhé!Hôì đầu sang đây chú chán lắm, bạn bè vào coment chú chẳng biết làm sao, chú nối với đt rồi cũng chán,hôm nọ cháu sang cho địa chỉ khi tìm thì yahoovn xóa mất, cũng máy qua chú sang zing blog chú còn ghi đường linh của cháu,vậy là chú sang!Chú làm mãi mới được, vậy là có ai vào bất kể trang nào chú cũng biết.Chơi yahoo HK rồi sau cũng như yahoo VN thôi.Cháu à chú lập tài khoản tên chú, nhưng chú không biết lập blog nhấn linh tinh nó biến đâu mất, vì chú lấy theo mật khẩu hồi chú đưa cho cháu ấy!Hồi đó cháu không vào được là chú không đăng ký tài khoản chrome cháu ạ!Cái blogsot chú đang dùng này đầu tiên là Nguyễn Hương lập cjho chú, còn trang trí thì Quang Trụ,rồi Huỳnh Hoa nữa, chú đã đổi mã lần hai rồi,chú sẽ đưa mật khẩu cháu làm cho chú nhé!Nếu không được thì cháu lập cho chú nhà mới!Hồi trước cháu bảo làm kỷ niêm chú một cái mà!Nếu lập thì lấy tên nik của chú cháu nhé

    Trả lờiXóa
    Trả lời
    1. dạ được chú à để cháu làm tặng chú 1 blog mới nhé, chú muốn lấy tên hiển thị là gì? nguyễn phong vân nha?

      Xóa
  12. Cháu bỏ nik cũ rồi à!Nik THU HÀ THU ấy,chú vào không được! sđt cháu cũng bỏ rồi chú gọi không được chán thật
    nik cũ thì vẫn thumen_ks55
    còn bên hồng kong thì
    antonhongthu@ymail.com

    Trả lờiXóa
  13. Ngôi nhà của Chân Tình đẹp và thú vị quá!

    Trả lờiXóa
    Trả lời
    1. CT cảm ơn August Pink đã ghé thăm CT nè, chúc chị một chiều vui vẻ, blog CT dọn từ bên yahoo sang đó mà

      Xóa
  14. Chào bạn!Chúc bạn ngày mới vui vẻ và an lành

    Trả lờiXóa
    Trả lời
    1. CT cảm ơn chị ghé thăm, chúc chị một chiều vui vẻ

      Xóa
  15. Cám ơn chủ nhân Chân Tình nhé...

    Trả lờiXóa
    Trả lời
    1. Dạ không có gì đâu ạ, CT cũng chỉ chia sẻ những gì học hỏi được thôi mà...

      Xóa
  16. CT ơi cho Thảo nói cái code Bài đăng phồ biến bên nhà CT sao ava lớn vậy bên nhà Thảo nhỏ quá CT cho Thảo code đó nhé ..Cảm ơn CT nhiều chúc CT một buổi chiều an lành và hạnh phúc nhé ..!

    Trả lờiXóa
    Trả lời
    1. Bài đăng phổ biến Thảo chỉnh chỗ "Thêm tiện ích" đó! đánh dầu tích vào mục "hiển thị hình thu nhỏ" vậy là được! CT không dùng code chèn phần tiện ích này, cảm ơn Thảo ghé thăm, chúc T một chiều vui vẻ

      Xóa
  17. Bài viết rất hay ghé thăm em chúc em gái buổi chiều tràn đầy niềm vui!

    Trả lờiXóa
    Trả lời
    1. Eg cảm ơn chị nhiều nè, chúc chị một chiều ấm áp thương yêu

      Xóa
  18. Sang bên này HHV vẫn bất gặp ngôi nhà CT thật thân quen hihi..Nhà bạn đơn giản mà đẹp lắm... Entry lại rất ý nghĩa cho mỗi blogger đang làm quen với không gian này..
    HHV chúc CT luôn có nhiều niềm vui nhé!

    Trả lờiXóa
    Trả lời
    1. Bài viết này CT dựa trên bài viết của Bóng người lặng lẽ bạn à, chỉ viết thêm vào cho dễ hiểu thôi... CT thích sự đơn giản... hihi phức tạp không có biết làm đâu! Chúc hhv một chiều vui vẻ nghen!

      Xóa
  19. Cám ơn em, chị làm xong rồi nhé!
    Thưởng công ly chè nha...mà sao em không cài đặt comt nhận hình ảnh cho sinh động đi em....
    Chúc em khỏe vui nhiều.
    (Chị Nắng Hạ)

    Trả lờiXóa
    Trả lời
    1. Hi chị! chúc chị một chiều vui vẻ, em không thích cài tiện ích đó, nặng blog khi truy nhập blog bằng mạng không dây lâu lắm lại không tiện chị à, em toàn lang thang blog và comment bằng ĐTDĐ đó!

      Xóa
  20. anh sang thăm em nè...chúc em chiều mát lành....đừng có mà giận nhé..em mà giận chắc anh bỏ chơi blog qua hehehehe

    Trả lờiXóa
    Trả lời
    1. HIhi anh hai sang thăm em ba mà không mang capuchino mời eg sao? giận quá đi nè huhu

      Xóa
  21. Em ơi -cho anh xin cái cotde nào mà khi chèn vào đưa em đến gần anh không ?-cho anh một cái nhé -...hihihi......

    Trả lờiXóa
    Trả lời
    1. hihi cái code đó anh mà chèn vào, thì mọi người sẽ vào nhà anh hết đó... kể cả em =))

      Xóa
  22. Nhà em vẫn đẹp như bên yahoo nhỉ ? Tối vui và ấm áp em nha!

    Trả lờiXóa
    Trả lời
    1. Hi chị M, đồ bên yahoo em dọn sang đây mà chị! không mang được hết, những cũng mang đượ một số, như vậy là cũng vui lắm rồi chị à

      Xóa
  23. Ghé thăm ngôi nhà đẹp của em..chúc em luôn vui ,ám áp và ngập tràn hạnh phúc nhé!

    Trả lờiXóa
    Trả lời
    1. Ngôi nhà lá cũ kĩ của em dọn qua bên này thôi mà anh! chúc anh một chiều vui vẻ anh nhé

      Xóa
  24. Ồ, CT giỏi vi tính quá nghen, thế mà cách xa anh gần 2000km, chúc năm mới vui, khỏe và ngọt ngào nghen.

    Trả lờiXóa
    Trả lời
    1. Hihi anh à, bài viết này em chỉ viết thêm vào một chút cho dễ hiểu thôi mà! em dốt lắm đó, nhớ hổi bên 360plus có người bạn đã ngồi đến gần sáng giúp em úp lại mấy chục đường link chỉ vì em thích cái theme đó... mà cũng chẳng cần ở em dù 1 lời cảm ơn nhỏ... sau này em học được gì cũng muốn giúp mọi người một chút..

      1 nick mouse = 2.000 km... cũng đâu có xa lắm anh nhỉ, chúc anh một chiều vui vẻ

      Xóa
  25. Chân Tình ơi bạn có đôi bàn tay vàng đã giúp mọi người kết nối dễ ràng
    Thành công này có công sức của bạn nhiều lắm
    Mọi người được chia sẻ dễ ràng Yahoo cũ Lý giao tiếp nhiều bạn tới thăm
    Nhà mới của Lý còn bỡ ngỡ Cài đặt chưa chuẩn Bạn qua giúp Lý nhé
    Để bài đăng và nhận xét được tiện lợi Và qua thăm bạn được
    Có lần thấy bài mới của bạn Lý muốn vào nhận xét mà không được
    Giúp Lý nhé -Lý thường xuyên vào thăm bạn
    Năm mới chúc bạn Tràn đầy HP !Em gái cưng !

    Trả lờiXóa
    Trả lời
    1. Chị ơi bài viết này em chỉ viết thêm vào một chút cho dễ hiểu thôi mà! em dốt lắm đó, nhớ hồi bên 360plus có người bạn đã ngồi đến gần sáng giúp em úp lại mấy chục đường link chỉ vì em thích cái theme đó... mà cũng chẳng cần ở em dù 1 lời cảm ơn nhỏ... rồi sang bên yahooblog bạn Mưa viết tặng em một cái theme rất đẹp, sang đây em chưa tìm ra cách chèn vào... chị không vào được có lẽ là do sang bên này mới (lúc đầu em cũng bị vậy đó...) chị cần chỉnh gì gửi mail cho CT nhé

      a999e@yahoo.com

      Xóa
  26. Sang đây mọi cái đều bỡ ngỡ rất cần những bài viết chia sẻ thủ thuật như này. Cảm ơn em, mong có thêm nhiều thủ thuật hay chia sẻ cho mọi người em nhé.
    Thăm em, chúc em ngày mới nhiều niềm vui nha.

    Trả lờiXóa
    Trả lời
    1. Anh trai lại động eg viên rồi, bài này em chỉ viết thêm 1 chút cho dễ hiểu thôi anh trai à... em cũng đang mò mẫm.... em cũng rất mong nhận được chia sẻ của mọi người... chúc anh trai một chiều vui vẻ

      Xóa
  27. Chú sang thăm cháu nè!Tối qua chú đi vắng, chú chúc cháu ngày mới vui cháu nhé!Cháu cứ lấy tên Nguyễn Phong Vân nhé, mật khẩu thì cháu lấy theo, mới chú đang dùng để tối chú cho hoạc cháu nhá máy vào số đt 01692175147 đây là số máy chú dùng khuyến mại, khi nhận được chú gọi cháu hoạc nt bằng số chính,

    Trả lờiXóa
    Trả lời
    1. Dạ được chú ạ... cháu sẽ gọi

      Xóa
  28. Em ơi, bên blog của a không hiểu tại sao các commet lại bị xóa hết em à, em chỉ anh cách khắc phục nhé

    Trả lờiXóa
    Trả lời
    1. Có thể phần code nào đó khi anh chỉnh sửa bị lỗi... nhất là blog chèn các flash nguồn của TQ... bên này chỉ cần sai một chút là nó báo lỗi ngay... em cũng đang đang mò mẫm thôi anh ạ, hôm nọ em chỉnh lỗi hết cả code blog... phải xóa hết code chèn từ đầu... bây giờ anh lưu các code anh chèn vào tiện ích ra văn bản nha( để không bị mất code) hoặc lưu vào máy phần lưu trữ... tiếp theo anh vào mục thiết kết, chọn mẫu và làm lại từ đầu....chèn từ từ các tiện ích vào (hôm bữa em cũng bị lỗi code em làm lại như vậy) nhưng em không bị mất lời bình đâu....

      Xóa
  29. Bài này rất bổ ích cho cộng đồng đó.Anh cũng vừa copy xong.Rất đẹp.hihi...Cảm ơn em nhiều.
    Chiều tràn ngập niềm vui nhé em!

    Trả lờiXóa
    Trả lời
    1. anh trai em giỏi thiệt đó nha! chúc anh trai một chiều vui vẻ nè

      Xóa
  30. Chú sang thăm cháu nè!Chú bận quá cháu, mai ngày kia nữ cháu cà!Chú chú cháu tối vui cháu nhé

    Trả lờiXóa
  31. MỘT ENTRY THẬT HAY!CT CHO LA XIN NHÉ!LA VÔ TÌNH QUA THĂM CT MÀ NHẶT ĐƯỢC BÍ KÍP HIHI .CẢM ƠN CT NHIỀU NHA! ĐÊM ĐÔNG THẬT ẤM ÁP CT NHÉ!

    Trả lờiXóa
    Trả lời
    1. LA cứ tự nhiên mà... CT cũng được BNLL chia sẻ mà, chúc LA một đêm ngon giấc

      Xóa
    2. Lính biển cảm ơn cô CT.nhé. Gặp lại sau.

      Xóa
    3. Dạ có gì đâu ạ, chúc chú một chiều cuối tuần vui vẻ

      Xóa
  32. ban o blog yahoo moi qua a`
    nguoi quen roi
    chang biet ban còn nho minh nua khong

    Trả lờiXóa
    Trả lời
    1. CT qua đây cũng được vài tháng rồi từ khi YahooBlog đóng cửa... mình thật sự không nhớ ra bạn là ai.... cảm ơn bạn đã ghé thăm CT nhé, chúc bạn luôn vui bè

      Xóa