[Blogspot] - Widget Bình Luận Mới Nhất | Recent Comment For Blogspot

Hôm nay mình sẽ hướng dẫn các tạo Widget Bình Luận Mới Nhất | Recent Comment For Blogspot  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.

[Blogspot] - Widget Bình Luận Mới Nhất | Recent Comment For Blogspot

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

Nguồn bài viết: http://khanh98.blogspot.com/2014/10/recent-comment-v3.html