Tạo khung comment cho blog

TẠO KHUNG COMMENTS CHO BLOG (Kiểu 2)

Blogspot có cung cấp cho người dùng tiện ích Rencent comments (các comments gần đây) nhưng với tiện ích này thì khung comments trông có vẻ đơn điệu, tính thẩm mỹ không cao. Trước đây, tôi có một bài chia sẻ về vấn đề này (Xem TẠI ĐÂY). Hôm nay, tôi chia sẻ thêm một cách để bạn có một khung Recent comments khá đẹp.





Mời bạn xem hình minh hoạ khung comments của blog dunghennessy phía dưới.





Thủ thuật này khá đơn giản, bạn đăng nhập vào Blog > Chọn thiết kế > Thêm tiện ích HTML/Javacript rồi dán tất cả các đoạn code phía dưới và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: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
    numComments     = 5,
    showAvatar     = true,
    avatarSize     = 60,
    roundAvatar    = true,
    characters     = 40,
    defaultAvatar     = "http://www.gravatar.com/avatar/?d=mm",
    hideCredits    = true;
//]]>
</script>
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script>
<script type="text/javascript" src="http://www.dunghennessy.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

Bây giờ, bạn chỉ cần thay đổi địa chỉ Blog của mình vào dòng lệnh màu đỏ và bấm Lưu lại là xong
Quá đơn giản phải không các bạn? Thử xem!!!
Nguồn: http://dunghennessy.blogspot.com.au/2012/01/tao-khung-comments-cho-blog-kieu-2.html

9 comments:

  1. Replies
    1. Được rồi. Nó như là recent comments.
      Còn phần comment ở dưới mỗi bài mình làm gì được không An?

      Delete
    2. Em chưa thấy topic về phần ở dưới mỗi bài...đâu có cần đâu?..vì comment của bài nào thì nó đều nằm trong bài đó rồi...Sỡ dĩ có box Recent comments là để thấy nó hiện ra thì mình còn biết họ còm ở đâu để mà bò vào.

      Delete
  2. Mình cũng thử, có gì nhờ An hỗ trợ nhen.

    ReplyDelete
  3. Thêm tiện ích HTML/Javacript (nghĩa là gì vậy cô nương (tiếng Anh)rồi dán tất cả các đoạn code phía dưới vào. chổ nào dưới /head hay /main hay chổ nào

    ReplyDelete
    Replies
    1. Tiện ích=Gadget đó....dân thủ thuật gọi vậy.:-)..chỉ cần mở thêm 1 cái gadget có tên là HTML/Javascript rồi thảy đoạn code đó vào là done...g'luck nha.

      Delete
  4. chiện gì mà haed với main trong này nữa?...thấy nói đến đâu nà?

    ReplyDelete

-Vui lòng gõ tiếng Việt có dấu và không viết những từ của trẻ con thời @
-Code chèn hình [IMG]link hình[/IMG]
chèn youtube [YOUTUBE]link[/YOUTUBE]
TEXT