[Tips] - Recent Comments / Bình luận mới nhất cho Blogger Blogspot V1

Hôm nay D Lee tiếp tục mang đến cho cả nhà thủ thuật blog mới Recent Comments / Bình luận mới nhất cho Blogger Blogspot V1 cực kỳ thú vị, cả nhà cùng Terocket làm theo thủ thuật này nhé. Chắc chắn sẽ mang đến nhiều màu sắc cho blog của bạn đấy. Bật mí là bình luận mới nhất cho blogspot này nhảy múa cực đẹp luôn, cực hoành tráng đó nhé!
 Demo:

Để tạo được tiện ích Recent Comments / Bình luận mới nhất cho Blogger Blogspot V1 này thì các bạn chỉ cần làm như sau. Trước hết vào Blog Title → Layout → Add Widget → HTML/JavaScript sau đó copy đoạn mã sau, thay thế các trường cho hợp lý và Save As lại nhé. Thế là xong!

<style scoped="" type="text/css">

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 src="https://googledrive.com/host/0B-0uHUanipfMU1FDNkI2U1FWMG8" type="text/javascript"></script>

<script src="/feeds/comments/default?alt=json&amp;callback=allbloggertricks_recent&amp;&amp;max-results=50" type="text/javascript">

</script>

Các bạn có thể tủy chỉnh phần màu đỏ cho phù hợp với blog của mình nhé, để Terocket giải nghĩa các trường và chỉ số cho các bạn nha!

numComments  = 5, //Số lượng bình luận muốn xuất hiện
showAvatar  = true, //Không muốn hiện Avatar hãy nhập False
avatarSize  = 35, //Kích thước ảnh author bình luận
roundAvatar = true,
characters  = 40, //Số lượng ký tự gợi ý bình luận
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm", //Ảnh mặc định
hideCredits = true;
maxfeeds=50, //Tối đa bình luận
adminBlog='Your Name'; //Tên Admin