JavaScript Recent Comment / Recent Comments with CSS

Hôm nay mình sẽ giới thiệu thêm một tiện ích Nhận xét mới nhất với style đơn giản nhưng cũng rất đẹp và bắt mắt

Xem Demo

Thực hiện

Bạn tạo một widget HTML/Javascript mới tại vị trí bạn muốn hiển thị tiện ích sau đó dán code bên dưới vào form nội dung rồi lưu lại

<style type="text/css">
#komentar {
  font:normal 11px Tahoma,Verdana,Arial,Sans-Serif;
  background-color:#597624;
  margin:0px 0px;
  padding:10px 10px;
  color:#000;
  border:4px solid #597624;
  -webkit-box-shadow:inset 0px 0px 2px #000;
  -moz-box-shadow:inset 0px 0px 2px #000;
  box-shadow:inset 0px 0px 2px #000;
}
#komentar ul {
  margin:0px 0px;
  padding:0px 0px;
  border-top:1px solid #455F20;
  border-bottom:1px solid #799D1A;
}
#komentar ul li {
  border-top:1px solid #799D1A;
  border-bottom:1px solid #455F20;
  padding:3px 0px;
  list-style:none;
}
#komentar ul li b a,
#komentar ul li b a:link,
#komentar ul li b a:visited,
#komentar ul li b {
  color:#D7E5FD;
  text-shadow:0 1px 1px rgba(0,0,0,0.4);
}
#komentar ul li b:before {
  content:url(http://3.bp.blogspot.com/-abTiDALn6h0/TpJYHn1AmoI/AAAAAAAAA8I/hRAhFSBZhlY/s1600/feed-icon-green.png);
  margin:0px 4px 0px 0px;
  display:inline-block;
  *display:inline;
  vertical-align:middle;
}
</style>
<script type="text/javascript">
var jmlkomentar = 14,
    jmlkarakter = 200,
    home_page   = "http://www.trollvl.com";
</script>
<script src="https://trollvlhcv.googlecode.com/svn/trunk/demo/blogger-rc-comments.js" type="text/javascript"></script>

• 14 Số comments hiển thị
• 200 Số ký tự tóm tắt nội dung comment
• http://www.trollvl.com Link blog của bạn 

Nguồn DTE