Add Widget Comments New Blogger/Blospot Easy

Bài viết này mình sẽ gửi tới anh em cách tạo Widget comments gần đây cho Blogger/Blogspot cực kì đơn giản và trông rất bắt mắt nè

Cách Thực Hiện

Để có thể chèn được Widget các bạn cần phải vào Bố Cục -> Chọn thêm HTML/Javascript sau đó các bạn chèn mã code dưới đây vào và lưu lại

<style type="text/css" scoped> 
ul.ms_recent{list-style:none;margin:0;padding:0;} 
.ms_recent li{background:#efefef;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;} 
.ms_recent li:hover{background:#fff;border: 1px solid #e9e9e9;}
.ms_recent a {text-decoration:none; color: #333}
.avatarImage{padding:3px;background:#fefefe;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;} 
.avatarRound{border-radius:100px;width:35px;height:35px} 
.ms_recent li span{margin-top:4px;color: #444;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 = False;
 maxfeeds=50,
 adminBlog='MS';
//]]></script>

<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/sunii-g/Eris/comment.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=ms_recent&amp;&amp;max-results=50">
</script>

Cảnh báo: Cách bạn không cần phải chỉnh sửa gì thêm nữa nhé!

Kết Thúc

Cách bạn lưu lại và tận hưởng thành quả thôi nào. Chúc các bạn thành công nhé