Recent comment

Recent comment là tiện ích ích giúp bạn hiện thị các comment gần đây cho độc giả tiện theo dõi. Hôm nay, mình giới thiệu với các bạn một tiện ích khác, nó tương tự như cái này nhưng hiện thị ở một widget.

#DEMO

Loading…

#Thêm tiện ích

1. Đăng nhập Blogger

2. Bố cục > Thêm tiện ích > HTML/Javascript

3. Dán code dưới vào

<style scoped="scoped">
.cm-outer {
  margin:0 auto;
  padding:0;
  font:normal normal 11px/normal Arial,Sans-Serif;
  border:1px solid;
  border-top:none;
}
.cm-outer li {
  margin:0;
  padding:7px 10px 12px;
  list-style:none;
  clear:both;
  border-top:1px solid;
}
.cm-outer .cm-header {margin:0 0 5px}
.cm-outer .cm-content {overflow:hidden}
.cm-outer img {
  display:block;
  float:left;
  margin:2px 10px 2px 0;
  border:4px solid black;
  background:#8fa2cb url('http://img1.blogblog.com/img/anon36.png') no-repeat 50% 50%;
  overflow:hidden;
}
</style>
<div id="comments-container">Loading&hellip;</div>
<script>
var cm_config = {
    home_page: "http://khanh98.blogspot.com",
    max_result: 7,
    t_w: 32,
    t_h: 32,
    summary: 9999,
    new_tab_link: true,
    ct_id: "comments-container",
    new_cm: " Bình luận",
    interval: 30000,
    alert: true
};
</script>
<script src="http://googledrive.com/host/0B2w8P_cE_NUyMVA2MlQ1dWp6YWc/"></script>

Lưu ý:

• Hãy upload file JS trong code lên hosting của bạn để đề phòng nó hỏng
• Thay http://khanh98.blogspot.com thành địa chỉ blog của bạn
• max_result là số comment tối đa hiện thị
• t_w và t_h là chiều rộng và cao của avatar
• summary là số lượng kí tự trích dẫn
• new_tab_link là mở tab mới khi click vào comment
• ct_id và new_cm là thông báo của widget
• interval là khoảng thời gian cập nhật comment mới, tính bằng mili giây 
• alert là hiện thị thông báo thông qua một hộp thoại, thay thành false thì thông báo hiện thị trên tab

4. Lưu lại

Ghi chú: Bài viết này mang tính chất sưu tầm code trang trí blog được cpoy từ bạn Khanh. Cảm ơn.