Thứ Tư, 9 tháng 1, 2013

Lời bình có kèm AVATAR và các tiện ích khác :


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  = 20,
 showAvatar  = true,
 avatarSize  = 60,
 roundAvatar = true,
 characters  = 110,
 showMorelink = true,
 moreLinktext = "Xem thêm »",
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://hoangsgn.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

Để có thêm tiện ích " Lời bình có kèm hình của người comment "
Ta thực hiện như sau :

Click Thiết kế > Bố cục > Thêm tiện ích,
ở cửa sổ hiện ra, kéo thanh trượt xuống ô HTML/Javascript, click +
Trong cửa sổ hiện ra, copy đoạn mã trên và paste vào ô Nội dung,
xóa chữ hoangsgn và thay bằng tên của blog bạn,
click Lưu và Lưu sắp xếp.

***  Muốn có thêm hồ cá nữa ? - Hãy vào www.dreamaquarium.com

*** Muốn có chữ ký động ở cuối bài viết ?
Hãy vào :
và làm theo hướng dẫn !

*** Thêm đồng hồ đẹp ?

Muốn thêm.......đủ thứ trên đời ?
Mời vào Google và gõ......yêu cầu của bạn !!!!!!!!!!


Chúc toại nguyện !


oooooIIIooooo







4 nhận xét:

  1. Làm sao đưa code vào được vậy?

    Trả lờiXóa
    Trả lời
    1. Hi,
      anh bôi đen đoạn code từ dưới lên trên, click Phải, click Copy,
      xong mới bắt đầu click Thiết kế......... theo đúng hướng dẫn ở trên,
      khi đã thấy ô Nội dung trong HTML/Javascript thì click phải vào vùng trống, xong click
      Paste thì code tự động nhập vào, click Lưu là xong.
      Chúc may mắn.

      Xóa
  2. Hix...hix... em làm xong rồi nhưng cái avata nó chiếm chỗ rộng quá chứ không gọn như của nhà anh? Làm sao đây anh?

    Trả lờiXóa
    Trả lời
    1. Mục này chỉ hiển thị được 5 comments,
      cậu cài thêm 1 cái nữa, avatar nhỏ hơn
      và có đến 20 hình,
      good luck !

      Xóa