Hướng dẫn thêm bình luận gần đây cho blogger - Recent Comment #2

Recent Comment

B ài trước mình đã hướng dẫn các bạn tạo một "Bình luận gần đây" trông khá là cool, hôm nay mình tiếp chia sẻ đến toàn thể anh chị em một widget recent comment cũng đẹp không kém, các bước thì tương tự như bài trước thôi, rất đơn giản và cụ thể thì bao gồm những bước cơ bản như sau, anh em cứ từ từ mà làm theo nhé! Đừng vội, trước tiên uống ly trà cho tỉnh đã.
Bước 1: Đăng nhập vào Blogger, cái này đương nhiên rồi.

Bước 2: Chọn "Bố cục" rồi chọn "Thêm tiện ích" rồi chọn "HTML/Javascript".

Bước 3: Coppy toàn bộ mã dưới đây rồi bỏ vào tiện ích HTML/Javascript vừa chọn rồi lưu lại.

<style type="text/css" scoped> ul.kangismet_recent{list-style:none;margin:0;padding:0;} .kangismet_recent li{background:none !important;margin:0 0 6px !important;padding:3px !important;display:block;clear:both;overflow:hidden;list-style:none; border: 1px solid transparent; border-radius:9px; max-height: 100px;} .kangismet_recent li:hover{border: 1px solid #476481;;} .kangismet_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} .kangismet_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  = 10,  showAvatar  = true,  avatarSize  = 35,  roundAvatar = true,  characters  = 40,  defaultAvatar  = "https://lh6.googleusercontent.com/-7KPbvU9OlKE/Uy0-3fMD_uI/AAAAAAAACQc/QjfFIZ2mYpU/s40/22.png",  hideCredits = true;  maxfeeds=50,  adminBlog='Fahmy RMD'; //]]> </script> <script type="text/javascript" src="https://kang-is.googlecode.com/svn/trunk/javascript/recentcomments2.js"></script> <script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=kangismet_recent&amp;&amp;max-results=50"> </script>

Tất cả chỉ có vậy thôi!
Anh em lưu ý trong đó
NumComments = 5 nghĩa là số bình luận sẽ hiển thị, cho 1 hay 2 hay 10 tùy anh em.  ShowAvatar = true nghĩa là có cho hiển thị ảnh đại diện của người bình luận hay không, nếu không thì thay true = false  Còn nhiều anh em tùy biến thêm nhé!