Widget nhận xét mới nhất đẹp và lạ mắt cho Blogger

Updated on July 17, 2016 - Post a Comment

Tạo widget, tiện ích bình luận mới nhất - Recent Comments cho Blogger - Blogspot, hướng dẫn cách tạo widget nhận xét mới nhất cho Blogger.  Hôm nay mình sẽ giới thiệu tới các bạn một mẫu Widget nhận xét mới nhất - Recent Comments cho Blogger khá đặc biệt, bởi Widget này rất nhẹ và hình thức ít được chia sẻ trên các blog.
Author: Dong Viet

Widget nhận xét mới nhất - Recent Comments cho Blogger
Widget nhận xét mới nhất - Recent Comments cho Blogger

Một bài viết mà mình mới chia sẻ gần đây về cách tạo Widget Top nhận xét nhiều nhất - Top Commentators cho Blogger. Đây cũng là một tiện ích hữu khá đẹp và nhẹ và không ảnh hưởng nhiều tới tốc độ tải trang của bạn.

Các bước thực hiện

Các bước thực hiện khá đơn giản, công việc của bạn là truy cập blogger.com → Bố cục → Thêm HTML/Javascript → Chèn đoạn code sau và lưu lại.
<style type="text/css">
a.dvietrc a{color:#777}
#dvietrc .avatarImage,#dvietrc .noi-dung{position:relative;border:1px solid #eee}
#dvietrc .avatarImage{margin:1px 10px 0 0}
#dvietrc .avatarImage,#dvietrc .avatarRound{width:30px;height:30px}
#dvietrc .avatarImage{margin:1px 10px 0 0}
#dvietrc .avatarImage,#dvietrc .noi-dung{position:relative}
.trai{float:left}
#dvietrc .name{position:absolute;top:-5px;right:-21px;background:none repeat scroll 0% 0% #EEE;padding:2px 4px;line-height:16px;color:#777}
#dvietrc .noi-dung{background:#F9F9F9;padding:13px 10px 4px;width:75%}
</style>
<div id='dvietrc'>
<script type="text/javascript">
//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return c.toString(a)};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('0[\'6\'](0[\'2\'](\'3+4+5+b/7+8+9+a+1\'));',12,12,'this|Ijt0Kz0iPGRpdiBzdHlsZT0nY2xlYXI6IGJvdGgnLz48L2xpPiJ9O2RvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdkdmlldHJjJykuaW5uZXJIVE1MPXR9|atob|ZnVuY3Rpb24gZHZpZXRyYyhlKXt2YXIgdDt0PSc8dWw|Jztmb3IodmFyIG49MDtuPG51bUNvbW1lbnRzO24rKyl7dmFyIHIsaSxzLG87aWYobj09ZS5mZWVkLmVudHJ5Lmxlbmd0aClicmVhazt0Kz0iPGxpPiI7dmFyIHU9ZS5mZWVkLmVudHJ5W25dO2Zvcih2YXIgYT0wO2E8dS5saW5rLmxlbmd0aDthKyspe2lmKHUubGlua1thXS5yZWw9PSJhbHRlcm5hdGUiKXtyPXUubGlua1thXS5ocmVmfX0KZm9yKHZhciBmPTA7Zjx1LmF1dGhvci5sZW5ndGg7ZisrKXtpPXUuYXV0aG9yW2ZdLm5hbWUuJHQ7cz11LmF1dGhvcltmXS5nZCRpbWFnZS5zcmN9CmlmKHMuaW5kZXhPZigiL3MxNjAwLyIpIT0tMSl7cz1zLnJlcGxhY2UoIi9zMTYwMC8iLCIvcyIrYXZhdGFyU2l6ZSsiLWMvIil9ZWxzZSBpZihzLmluZGV4T2YoIi9zMjIwLyIpIT0tMSl7cz1zLnJlcGxhY2UoIi9zMjIwLyIsIi9zIithdmF0YXJTaXplKyItYy8iKX1lbHNlIGlmKHMuaW5kZXhPZigiL3M1MTItYy8iKSE9LTEmJnMuaW5kZXhPZigiaHR0cDoiKSE9MCl7cz0iaHR0cDoiK3MucmVwbGFjZSgiL3M1MTItYy8iLCIvcyIrYXZhdGFyU2l6ZSsiLWMvIil9ZWxzZSBpZihzLmluZGV4T2YoImJsb2dibG9nLmNvbS9pbWcvYjE2LXJvdW5kZWQuZ2lmIikhPS0xKXtzPSJodHRwOi8vMS5icC5ibG9nc3BvdC5jb20vLU5BTVplaks0MVNvL1QwZXZWMF9TU1VJL0FBQUFBQUFBQ3NvL29sNi1QS2taaXBBL3MiK2F2YXRhclNpemUrIi9tZF9ibG9nZ2VyX2xvZ28ucG5nIn1lbHNlIGlmKHMuaW5kZXhPZigiYmxvZ2Jsb2cuY29tL2ltZy9vcGVuaWQxNi1yb3VuZGVkLmdpZiIpIT0tMSl7cz0iaHR0cDovLzQuYnAuYmxvZ3Nwb3QuY29tLy1rMFU3djFXcE5Scy9UMGV1S01IUWlfSS9BQUFBQUFBQUNzZy9ETnF6aW5odnh0NC9zIithdmF0YXJTaXplKyIvbWRfb3BlbmlkX2xvZ28ucG5nIn1lbHNlIGlmKHMuaW5kZXhPZigiYmxvZ2Jsb2cuY29tL2ltZy9ibGFuay5naWYiKSE9LTEpe2lmKGRlZmF1bHRBdmF0YXIuaW5kZXhPZigiZ3JhdmF0YXIuY29tIikhPS0xKXtzPWRlZmF1bHRBdmF0YXIrIiZzPSIrYXZhdGFyU2l6ZX1lbHNle3M9ZGVmYXVsdEF2YXRhcn19ZWxzZXtzPXN9CmlmKHNob3dBdmF0YXI9PXRydWUpe2lmKHJvdW5kQXZhdGFyPT10cnVlKXtvPSJhdmF0YXJSb3VuZCJ9ZWxzZXtvPSIifQp0Kz0nPGRpdiBjbGFzcz0idHJhaSBhdmF0YXJJbWFnZSI|PGltZyBjbGFzcz0iJytvKyciIHNyYz0iJytzKyciIGFsdD0iJytpKyciIGhlaWdodD0iJythdmF0YXJTaXplKyciIHdpZHRoPSInK2F2YXRhclNpemUrJyIgLz48L2Rpdj4nfQp0Kz0iPGRpdiBjbGFzcz0ndHJhaSBub2ktZHVuZyc|eval|Pi9pZywnJyk7dmFyIGw9dS5jb250ZW50LiR0O3ZhciBjPWwucmVwbGFjZSgvKDwoW14|XSspPikvaWcsIiIpO2lmKGMhPSIiJiZjLmxlbmd0aD5jaGFyYWN0ZXJzKXtjPWMuc3Vic3RyaW5nKDAsY2hhcmFjdGVycyk7Yys9IiYjODIzMDsifWVsc2V7Yz1jfQp0Kz0nPGEgY2xhc3M9ImR2aWV0cmNhIiByZWw9Im5vZm9sbG93IiBocmVmPSInK3IrJyI|JytjKyI8L2E|PC9kaXY|PHNwYW4gY2xhc3M9J25hbWUnPiIraSsiPC9zcGFuPiI7dmFyIHI9ci5yZXBsYWNlKC88Lio'.split('|'),0,{}))
var numComments = numComments || 5,
  avatarSize = avatarSize || 30,
  characters = characters || 30,
  defaultAvatar = defaultAvatar || "http://lh5.googleusercontent.com/-5YeC_6-32nw/UPb7SL-uGXI/AAAAAAAABWE/QJRpUV7G9bc/s30/personal.png",
  showAvatar = "undefined" === typeof showAvatar ? !0 : showAvatar,
  roundAvatar = "undefined" === typeof roundAvatar ? !0 : roundAvatar,
  hideCredits = "undefined" === typeof hideCredits ? !1 : roundAvatar
//]]>
</script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=dvietrc&amp;max-results=5"></script>
</div>
Lưu mẫu, vậy là bạn đã có một tiện ích nhận xét mới nhanh và nhẹ.

Lời kết

Đây là một Widget Blogger hữu ích giúp người dùng có thể nhanh chóng tìm thấy phản hồi nhận xét của mình. Ngoài ra, tiện ích góp phần điều hướng truy cập cho BLOG của bạn.

Share this: pinterest