Tạo bình luận mới cho blogspot đẹp trên sidebar

Để tạo bình luận mới cho blogspot đẹp trên sidebar có rất nhiều cách. Sau đây WEB HAY chia sẻ các bạn một số mẫu tạo bình luận mới cho blogspot đẹp trên sidebar :


Phong cách 1 :

Bạn vào https://www.blogger.com, vào Bố cục, nhấp chọn thêm tiện ích HTML/JavaScript tại vị trí bạn muốn đặt tiện ích. Sao chép và dán đoạn code bên dưới vào trong khung tiện ích HTML/JavaScript vừa thêm:






<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>
<!-- code sưu tầm internet -->




Lưu ý bạn có thể sửa lại số lượng nhận xét. Ở đây mình để là 5. Nếu muốn thêm hãy tìm dòng lệnh: var numComments = numComments || 5

Phong cách 2 :


1. Đăng Nhập Vào Tài Khoản Blogger
2. Vào Edit HTML
3. Vào Phần <b:skin><![CDATA[ Rồi Dán Đoạn Code Vào Bên Dưới


ul.idbcomments{list-style:none;margin:0;padding:0}.idbcomments li{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:0!important;word-break:break-all;padding:8px 0!important}.idbcomments li .avatarImage{float:left;margin-right:10px;position:relative;overflow:hidden}.idbcomments li img{border-radius:100%;position:relative;overflow:hidden;display:block;width:42px;height:42px}.idbcomments li a{font-weight:700}.idbcomments li span{margin-top:2px;color:#666;display:block;font-size:12px;line-height:1.4}


4. Các Bạn Vào Bố Cục => Thêm Tiện ích HTML/JAVASRIPT 


<script type="text/javascript">
//<![CDATA[
// Recent Comments by Bít Designer
function idbcomments(a){var e;e='<ul class="idbcomments">';for(var t=0;numComments>t;t++){var r,o,n,i;if(t==a.feed.entry.length)break;e+="
<li>";for(var d=a.feed.entry[t],s=0;s<d.link.length;s++)"alternate"==d.link[s].rel&&(r=d.link[s].href);for(var l=0;l<d.author.length;l++)o=d.author[l].name.$t,n=d.author[l].gd$image.src;n=-1!=n.indexOf("/s1600/")?n.replace("/s1600/","/s"+avatarSize+"-c/"):-1!=n.indexOf("/s220/")?n.replace("/s220/","/s"+avatarSize+"-c/"):-1!=n.indexOf("/s512-c/")&&0!=n.indexOf("http:")?"http:"+n.replace("/s512-c/","/s"+avatarSize+"-c/"):-1!=n.indexOf("blogblog.com/img/b16-rounded.gif")?"http://1.bp.blogspot.com/-7bkcAKdpGXI/UrbyQRqvSKI/AAAAAAAAFmI/oBv_yMeYnMQ/s"+avatarSize+"/blogger.png":-1!=n.indexOf("blogblog.com/img/openid16-rounded.gif")?"http://2.bp.blogspot.com/-VgnInuIUKBU/UrbzyXTYWRI/AAAAAAAAFmU/3f_Vfj3TI6A/s"+avatarSize+"/openid.png":-1!=n.indexOf("blogblog.com/img/blank.gif")?-1!=defaultAvatar.indexOf("gravatar.com")?defaultAvatar+"&s="+avatarSize:defaultAvatar:n,1==showAvatar&&(i=1==roundAvatar?"avatarRound":"",e+='<div class="avatarImage '+i+'">
<img class="'+i+'" src="'+n+'" alt="'+o+'" width="'+avatarSize+'" height="'+avatarSize+'"/></div>
'),e+='<a href="'+r+'">'+o+"</a>";var A=d.content.$t,v=A.replace(/(<([^>]+)>)/gi,"");""!=v&&v.length>characters?(v=v.substring(0,characters),v+="&hellip;",1==showMorelink&&(v+='<a href="'+r+'">'+moreLinktext+"</a>")):v=v,e+="<span>"+v+"</span>",e+="</li>
"}e+="</ul>
";var c="";0==hideCredits&&(c="display:block;"),e+="",document.write(e)}var numComments=7,showAvatar=!0,avatarSize=42,roundAvatar=!0,characters=40,showMorelink=!1,defaultAvatar="http://1.bp.blogspot.com/-m2JqA8HH-JY/V1Y9Z1SpzpI/AAAAAAAAEEY/jnJ-r_-Ta0UadbOE84Egdea5jfcwPSSvwCLcB/s1600/noimage.png",hideCredits=!0,numComments=numComments||5,avatarSize=avatarSize||60,characters=characters||40,defaultAvatar=defaultAvatar||"http://1.bp.blogspot.com/-m2JqA8HH-JY/V1Y9Z1SpzpI/AAAAAAAAEEY/jnJ-r_-Ta0UadbOE84Egdea5jfcwPSSvwCLcB/s1600/noimage.png",moreLinktext=moreLinktext||" More &raquo;",showAvatar="undefined"==typeof showAvatar?!0:showAvatar,showMorelink="undefined"==typeof showMorelink?!1:showMorelink,roundAvatar="undefined"==typeof roundAvatar?!0:roundAvatar,hideCredits="undefined"==typeof hideCredits?!1:roundAvatar;
//]]>
</script>
<script src="/feeds/comments/default?alt=json&amp;callback=idbcomments&amp;max-results=7" type="text/javascript"></script>


5. Lưu Lại Và Xem Kết Quả . Chúc Các Bạn Thành Công

Bình Luận Của Bạn

vungve.com không chấp nhận bình luận thiếu văn hóa

Mới hơn Cũ hơn