Cách tạo Recent Comments / Bình luận mới nhất cho Blogspot [Jquery]

Hôm nay IPC-TECH xin hướng dẫn các bạn các làm  Recent Comments / Bình luận mới nhất cho Blogspot cực kỳ thú vị. 

Để 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 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="https://googledrive.com/host/0B-0uHUanipfMU1FDNkI2U1FWMG8"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=allbloggertricks_recent&amp;&amp;max-results=50">
</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 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

Vậy là đã xong một thủ thuật blog thú vị dành cho cả nhà, nếu ai đã làm được Recent Comments / Bình luận mới nhất cho Blogspot v1 rồi thì share bài viết này đến cho bạn bè nhé, nếu chưa được, hãy gửi một bình luận ở dưới đây, IPC sẽ hướng dẫn và chỉ chỗ chưa làm được cho các bạn. Chúc bạn thành công!

Share on Google Plus

About Dat Nguyen

Hi! Mình là Bruce Wayne. Hiện tại thì mình đang quản lý trang IPC-TECH và một số sub-domain design từ blogspot. Mình yêu thích CNTT và muốn chia sẻ những gì mình biết đến với mọi người. Hãy comment dưới mỗi bài viết để chúng ta có thể hiểu nhau hơn. À... Nếu bài viết trên giúp ích được cho bạn thì hãy like và share để ủng hộ mình nha. ^^!