Blogspot - Đưa ra comment mới nhất cùng avatar | What you get is what you share | Những gì bạn nhận được là những gì bạn chia sẻ.

reset and begin

4/20/2012

Blogspot - Đưa ra comment mới nhất cùng avatar

Để hiển thị các comment mới nhất kèm avatar của người đã comment trên blogspot trên mạng có 1 vài cách nhưng áp dụng được và có khá nhiều tính năng mới thì có cái này dùng được
Một vài tính năng thêm vào mới sau :
1- Số comment mới nhất cần hiện thị
2-Số lượng comment tối đa trong 1 bài (1 bài có nhiều comment bạn có thể chọn lấy 2 comment của bài đó ) +1 cho cái này
3- độ dài của mỗi comment
4- ảnh thay thế cho người không có avatar tùy bạn chọn :D
5- điều chỉnh css style dễ dàng

B1: style cho comment copy trước thẻ </head>



    <style type="text/css">

  .recent-comment img{

  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;

  border-radius:50% 0% 50% 50%;}

 .recent-comment        { margin-bottom:10px; padding-left: 24px; }

    .recent-comment-admin  { background-color: #F4F4F4; }

    .recent-comment-ico    { margin-left:-20px;margin-top:4px;float:left;margin-right:3px;}

    .recent-comment-header {}

    .recent-comment-body   { padding-right: 4px; font-size: 95%;}

    .recent-comment-footer { font-size: 85%; }

    </style>

B2 : điều chỉnh javascript : config copy trước thẻ </head>



  <script type="text/javascript">

    // vài dòng về  tác giả  của widget này 

    // Recent Comments blogger gadget by MS-potilas 2011, using feed avatars

    // see http://yabtb.blogspot.com/2011/12/son-of-better-recent-comments-gadget.html

    //

    // CONFIG:

    var numRecentComments = 5;

    var numPerPost = 2; // max comments per post (to try) or 0

    var maxCommentChars = 66;

    var maxPostTitleChars = 0; // if 0, use full post title

    var homepage="http://shimivn.blogspot.com";

    var txtWrote = 'Viết:';

    var txtMore = '[xem thêm ..]';

    var txtTooltip = '[user] on &quot;[title]&quot; - [date MM/dd/yyyy hh:mm]';

    var txtAnonymous = ''; // empty, or Anonymous user name localized

    // Variables [xxx] in texts:

    // supports [title], [user], [date], [time], [datetime], [date format]

    // format supports: yyyy=long year, yy=short year, MM=month(01-12), dd=monthday, hh=hour, mm=min, ss=sec

     

    var getTitles = true;   // false faster

    var trueAvatars = true; // false faster

    var urlMyAvatar = '';   // can be empty (then it is fetched) or url to image

    var urlMyProfile = '';  // set if you have no profile gadget on page

    //

    var cropAvatar = true;

    var sizeAvatar = 36;

    var urlNoAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidUsd66aG5ZIcBqDXr2ngHJ3rH-KU7-3M5KN4wzzH2YWKv2OsCHBCNrUWlCrt0ikw64UDEuP4HPkjzg9j-rhUfAoD-yEgz2mIBE-HJhbJUZztxkh_f5Wqt6m0yMxc-vCXepwHcqhGRE8U/"+sizeAvatar+"/avatar_blue_m_96.png"; // http://www.blogger.com/img/avatar_blue_m_96.png resizeable

    //

    var urlAnoAvatar = 'http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=' + sizeAvatar;

    var maxResultsPosts = "";       // or for example "&max-results=100"

    var maxResultsComments = "";    // or for example "&max-results=300"

    // CONFIG END

  </script>

B3 : Thể hiện ở đâu thì copy đoạn code này vào widget html của blogspot



   <script type="text/javascript" src="http://webvn20.googlecode.com/files/show-recent-avatar.js"></script>

B4 : Chú ý để tránh load chậm hay die bất thình lình bạn có thể down file javascript về upload lên host google của bạn .

B5 : giải thích 1 vài điều trong config

var numRecentComments = 5;  // số lượng comment muốn show 

   var numPerPost = 2; // số lượng tối đa comment trong 1 bài muốn show tất cả thì để là 0 

    var maxCommentChars = 66; // số ký tự tối đa trong comment  
     var maxPostTitleChars = 0; // if 0, use full post title

    var homepage="http://shimivn.blogspot.com"; // thay url của bạn vào

    var txtWrote = 'Viết:';  // cách thể hiện

    var txtMore = '[xem thêm ..]'; // cách thể hiện 

    var txtTooltip = '[user] on &quot;[title]&quot; - [date MM/dd/yyyy hh:mm]';

    var txtAnonymous = ''; // empty, or Anonymous user name localized

    // Variables [xxx] in texts:

    // supports [title], [user], [date], [time], [datetime], [date format]

    // format supports: yyyy=long year, yy=short year, MM=month(01-12), dd=monthday, hh=hour, mm=min, ss=sec

     

    var getTitles = true;   // false faster

    var trueAvatars = true; // false faster

    var urlMyAvatar = '';   // can be empty (then it is fetched) or url to image

    var urlMyProfile = '';  // set if you have no profile gadget on page

    //

    var cropAvatar = true;

    var sizeAvatar = 36;

    var urlNoAvatar =  "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidUsd66aG5ZIcBqDXr2ngHJ3rH-KU7-3M5KN4wzzH2YWKv2OsCHBCNrUWlCrt0ikw64UDEuP4HPkjzg9j-rhUfAoD-yEgz2mIBE-HJhbJUZztxkh_f5Wqt6m0yMxc-vCXepwHcqhGRE8U/"+sizeAvatar+"/avatar_blue_m_96.png";

     // khi không có avatar thì nó thể hiện ảnh thay thế

    var urlAnoAvatar = 'http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=' + sizeAvatar;

    var maxResultsPosts = "";       // or for example "&max-results=100"

    var maxResultsComments = "";    // or for example "&max-results=300"