THỨ BẢY, 15/03/2025
Đã buổi chiều!Hãy cố gắng hoàn thành công việc trong ngày!

Note Đóng lại {Mọi chi tiết xin liên hệ admin}
Giải pháp bán hàng online Số 1 Việt Nam

TẠO KHUNG COMMENTS CHO BLOG





Nguồn: dunghennessy và http://www.way2blogging.org/widget-generators/recent-comments-widget-with-avatar
"; /* */
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://tranphucminh.googlecode.com/files/w2b-recent-comments-w-gravatar1.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

Bạn đã xem chưa

1 nhận xét | Viết lời bình

Thank bạn nhiều nha, mình làm được rồi, rất đẹp đó



Copyright © 2014 Blog Thông Tin Tổng Hợp




  • tpm1512

    Tư vấn - Thái AiTi

    Call: 0962.444.744

    tpm1512@gmail.com

    skype tpm1512