Recent comment v3

Hôm nay mình xin giới thiệu mẫu recent comment mới, mẫu này có thêm hiệu ứng xoay nhẹ khi dê chuột. Hiện tại, Blog của mình đang sử dụng mẫu này.

#Cách tiến hành

Chỉ cần tạo một HTML/Javascrip mới > dán code vào > Save lại là xong.
<style type="text/css" scoped> 
ul.allbloggertricks_recent{list-style:none;margin:0;padding:0;} 
.allbloggertricks_recent li{background:none!important;display:block;clear:both;overflow:hidden;list-style:none;border:1px solid transparent;border-radius:9px;max-height:100px;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:0;-moz-transition-property:0;-o-transition-property:0;transition-property:transform;margin:0 0 6px!important;padding:3px!important}
.allbloggertricks_recent li:hover{border:1px solid #ddd;
-webkit-transform:rotate(6deg);-moz-transform:rotate(6deg);-o-transform:rotate(6deg) }
.allbloggertricks_recent a {text-decoration:none;}
.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;width:35px;height:35px} 
.allbloggertricks_recent li span{margin-top:4px;color: #222;display: block;font-size: 12px;line-height: 1.4;} 

</style>
<script type="text/javascript">
//<![CDATA[
    var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 35,
 roundAvatar = true,
 characters  = 40,
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
 maxfeeds=50,
 adminBlog='Your Name';
//]]>
</script>
<script type="text/javascript" src="http://files.allbloggertricks.com/Scripts/abt-recent-commentsv3.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=allbloggertricks_recent&amp;&amp;max-results=50">
</script>
Lưu ý :
  • NumComment là số lượng bình luận sẽ hiện thị
  • ShowAvatar là có hiện avatar của người bình luận hay không, có thì true mà không thì false
  • Characters là số lượng kí tự được trích dẫn
  • Avatarsize là kích thước avatar
  • DefaultAvatar là liên kết avatar cho bình luận ẩn danh
  • RoundAvatar là hiện thị avatar hình tròn

Comments