Thủ thuật blogspot - Dautoblog

Recent comment với avata cho blogspot

Recent comment với avata bo tròn cho blogger
Recent comment hay thường gọi là tiện ích nhận xét mới nhất là một tiện ích được cài đặt tại cạnh bên(sidebar) hay đáy blogspot(footer) nó có tác dụng thông báo cho admin blog/web những nhận xét trao đổi mới có của khách truy cập blog/web.
Tiện ích nhận xét gần đây có avata có thể điều chỉnh rất trực quan, dễ sử dụng cũng như cài đặt giúp admin blog có những trả lời kịp thời ngay và luôn cho những thắc mắc góp ý về bài viết hay vấn đề cần trao đổi gì đó.
Đặc điểm về hình thức của tiện ích nhận xét mới này:
- Avata user có tùy chỉnh kích thước và hình dạng.
- Tùy chỉnh số lượng comments.
- Tùy chỉnh số ký tự nhận xét.
- Có ảnh thay thế khi khách nhận xét với tư cách(tài khoản) nặc danh hoặc Blogger
DEMO có thể xem ngay tại blog này.

áp dụng vào blogspot
Để tạo tiện ích này các bạn cần vào phần bố cục và tiến hành thêm một tiện ích và dán code vào và lưu lại sau đó hiệu chỉnh các thông số cần thiết là ok:
<style type="text/css">
ul.w2b_recent_comments{list-style:none;margin:0;padding:0;height:;overflow:auto;}
.w2b_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;}
.w2b_recent_comments li .avatarImage{padding:2px;background:#004400;-webkit-box-shadow:0 1px 1px #5be9a6;-moz-box-shadow:0 1px 1px #5be9a6;box-shadow:0 1px 1px #5be9a6;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.w2b_recent_comments li span{margin-top:4px;color: #004400;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 5,//Số lượng nhận xét hiển thị
showAvatar = true,
avatarSize = 45,//Kích thước avata
roundAvatar = true,
characters = 40,//Số ký tự của nhận xét
showMorelink = true,
moreLinktext = "Xem thêm &#187;",
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = false;
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[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}('6 H=H||5,b=b||18,y=y||16,m=m||"h://14.V.f/15/?d=1c",L=L||" 1p &1l;",z=(v z===\'p\')?j:z,q=(v q===\'p\')?Y:q,k=(v k===\'p\')?j:k,I=(v I===\'p\')?Y:k;1f 10(J){6 9;9=\'<r K="10">\';G(6 i=0;i<H;i++){6 o,w,2,n;4(i==J.12.7.x)1g;9+="<13>";6 7=J.12.7[i];G(6 l=0;l<7.N.x;l++){4(7.N[l].1n==\'1i\'){o=7.N[l].A}}G(6 a=0;a<7.M.x;a++){w=7.M[a].1j.$t;2=7.M[a].1k$1o.W}4(2.g("/O/")!=-1){2=2.r("/O/","/s"+b+"-c/")}e 4(2.g("/U/")!=-1){2=2.r("/U/","/s"+b+"-c/")}e 4(2.g("/S-c/")!=-1&&2.g("h:")!=0){2="h:"+2.r("/S-c/","/s"+b+"-c/")}e 4(2.g("C.f/u/17-Q.E")!=-1){2="h://3.P.F.f/-1d-1b/1a/19/1h/s"+b+"/1s.T"}e 4(2.g("C.f/u/1J-Q.E")!=-1){2="h://3.P.F.f/-1H/1F/1q/1K/s"+b+"/1L.T"}e 4(2.g("C.f/u/1P.E")!=-1){4(m.g("V.f")!=-1){2=m+"&s="+b}e{2=m}}e{2=2}4(z==j){4(k==j){n="1D"}e{n=""}9+="<11 K=\\"1u "+n+"\\"><u K=\\""+n+"\\" W=\\""+2+"\\" 1r=\\""+w+"\\" 1w=\\""+b+"\\" 1x=\\""+b+"\\"/></11>"}9+="<a A=\\""+o+"\\">"+w+"</a>";6 Z=7.1y.$t;6 8=Z.r(/(<([^>]+)>)/1Q,"");4(8!=""&&8.x>y){8=8.1I(0,y);8+="&1M;";4(q==j){8+="<a A=\\""+o+"\\">"+L+"</a>"}}e{8=8}9+="<b>"+8+"</B>";9+="</13>"}9+=\'</R>\';6 D="";4(I==j){D="X:1G;"}9+="<b 1O=\\"1N-1z:1v;X:1A;1B-1C:1t;"+D+"\\">.<a A=\\"h://1E.F.f/\\">.</a></B>";1e.1m(9)}',62,115,'||authorAvatar||if||var|entry|commBody|commentsHtml||avatarSize|||else|com|indexOf|http||true|roundAvatar||defaultAvatar|avatarClass|commentlink|undefined|showMorelink|replace|||img|typeof|authorName|length|characters|showAvatar|href|span|blogblog|hideCSS|gif|blogspot|for|numComments|hideCredits|w2b|class|moreLinktext|author|link|s1600|bp|rounded|ul|s512|png|s220|gravatar|src|display|false|commHTML|w2b_recent_comments|div|feed|li|www|avatar|30|b16|45|AAAAAAAABYY|TxMKLVzQ5BI|1X32ZM|mm|AaI8|document|function|break|QYau8ov2blE|alternate|name|gd|raquo|write|rel|image|More|AAAAAAAABYc|alt|w2b_blogger_logo|right|avatarImage|0px|width|height|content|size|block|text|align|avatarRound|dautoblognz|TxMKMIqMNuI|none|9lSeVyNRKx0|substring|openid16|8iasY0xpLzc|w2b_openid_logo|hellip|font|style|blank|ig'.split('|'),0,{}))
//]]>
</script>
<script type="text/javascript" src="http://dautoblognz.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=50"></script>


Bạn cần thay http://dautoblognz.blogspot.com thành URL Blog của bạn
Comments blogger

Không có nhận xét nào :