Tạo hộp nhận xét/bình luận mới cho blogger

Demo

Làm sao để biết được ai đã nhận xét / bình luận và những lời nhắn động viên, trao đổi chia sẻ, tâm sự kết bạn,
Với thủ thuật này, các commet của khách tham quan được xếp theo thứ tự mới nhất nằm trên hàng đầu tiên kèm theo ảnh avatar của khách (số lượng comments được hiển thị do bạn tuỳ chọn tối đa là 200 comment) và được chứa đựng trong một hộp gọn gàng có thanh trượt để bạn có thể kéo xuống phía dưới để đọc hết các comments mà không chiếm khoảng không gian của Blog.

Cách làm :

+ Đăng nhập vào Blogger -- Bố cục -- Thêm tiện ích HTML/Javacript dán đoạn code sau đây vào và lưu lại

<center>
<div style="background: #FFF380; border: 2px #30a1db solid; font-weight: bold; padding: 5px; text-align: center;">
<code><span style="color: red; font-size: large;">Nhan xét moi</span></code></div>
<div style="border: 5px solid orange; color: rgb(255, 51, 0) height: 231px; margin: 5px 0; overflow: auto; padding: 10px; text-align: left; width: 268px;">
<style type="text/css">
ul.vusteven_recent_comments{list-style:none;margin:0;padding:0;}
.vusteven_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.vusteven_recent_comments li .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;}
.vusteven_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.vusteven_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style><code>
</code> <script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 3,
showAvatar = true,
avatarSize = 50,
characters = 60,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script><code>
</code> <script src="http://yourjavascript.com/211271156231/rcentcmmntavr.js" type="text/javascript"></script><code>
</code> <script src="http://www.vusteven.info/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5" type="text/javascript"></script></div>
</center>