Blog Trần Phúc Minh

  • MENU
  • CHỦ ĐỀ BLOG
  • NHẠC
  • PHIM
  • THỦ THUẬT BLOG
  • VĂN BẢN PHÁP LUẬT
  • ANH VĂN
  • TI VI
  • CÔNG NGHỆ TT
  • BÀI THUỐC
  • YOUTUBE
  • NHẠC
Home Trang chủ » Thủ thuật Blogger » Bạn đang xem:

TẠO KHUNG COMMENTS CHO BLOG

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.tranphucminh.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

Demo:





Nguồn: dunghennessy và http://www.way2blogging.org/widget-generators/recent-comments-widget-with-avatar

Minh

Chào mọi người ghé thăm trang web của Trần Phúc Minh
Liên hệ mail: tpm1512@yahoo.com hoặc điện thoại 0962.444.744

=== Nhấn vào tìm bài liên quan trên google ===

  • http://tpm1512.blogspot.com/2012/02/tao-khung-comments-cho-blog.html
Minh cám ơn bạn đã quan tâm và rất vui vì bài viết đã đem lại thông tin hữu ích cho bạn.

All comments [ 0 ]


Đăng nhận xét

Video

Lương tối thiểu chung 1.050.000 đồng/tháng tính hưởng từ 1/5/2012

Lương tối thiểu chung 1.050.000 đồng/tháng tính hưởng từ

Nhận xét mới