Recent comments cho blogspot

Thứ Hai, 23 tháng 9, 2013

Muốn tạo mục recent comment cho blog thật đơn giản. chỉ cần thêm một mục java/html với đoạn mã như sau vào là được. lưu ý các bạn thay địa chỉ blog của mình cho phù hợp. code được tổng hợp từ nhiều nguồn trên internet.

Mẫu 1
Code mẫu 1

<style type="text/css">ul.latest_recent_comments{list-style:none;margin:0;padding:0} .latest_recent_comments li{position: relative;background:none !important;margin:7px 0 3px !important;padding:0 2px 5px 0 !important;display:block;clear:both;overflow:hidden;list-style:none} .latest_recent_comments li a{float:right;width:275px;font:12px Arial;color:#000!important;margin-top:9px;padding:11px 7px 5px;border-right:3px solid #fff} .latest_recent_comments li a:hover{color:#004D99!important} .latest_recent_comments li .avatarImage{float:left;margin:0 6px 0 0;position:relative;overflow:hidden} .avatarRound{width:34px;height:34px} .latest_recent_comments li img{padding:0;position:relative;overflow:hidden;display:block} .latest_recent_comments li span{position: absolute;left:42px;top:-3px;padding:3px 3px 1px;color:blue;display:block;font:12px Arial} .latest_recent_comments span{display:none} </style> <script type='text/javascript'>function latest_recent_comments(e){var t;t='<ul class="latest_recent_comments">';for(var n=0;n<numComments;n++){var r,i,s,o;if(n==e.feed.entry.length)break;t+=" <li>";var u=e.feed.entry[n];for(var a=0;a<u.link.length;a++){if(u.link[a].rel=="alternate"){r=u.link[a].href}}for(var f=0;f<u.author.length;f++){i=u.author[f].name.$t;s=u.author[f].gd$image.src}if(s.indexOf("/s1600/")!=-1){s=s.replace("/s1600/","/s"+avatarSize+"-c/")}else if(s.indexOf("/s220/")!=-1){s=s.replace("/s220/","/s"+avatarSize+"-c/")}else if(s.indexOf("/s512-c/")!=-1&&s.indexOf("http:")!=0){s="http:"+s.replace("/s512-c/","/s"+avatarSize+"-c/")}else if(s.indexOf("blogblog.com/img/b16-rounded.gif")!=-1){s="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzo94DZCg9IUlSq3Lx2Uh9LX6FEbUbZpqDZbTR6h1yq1rUGavp6YNAvMiX22LGYG_lEhyphenhyphenSkwYcsK_AgQ0gw694c2ViU8JmTQMFLxWceH5U2uUNhdwZTSIzucbgS6zYW7hJryc_WHJXEwlL/"+avatarSize+"/md_blogger_logo.png"}else if(s.indexOf("blogblog.com/img/openid16-rounded.gif")!=-1){s="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXH2dcgowUGZN7rQ-MtKyjGdp9jgZkc2oFn0BFsOp-YgBwepN0oPkZbsYHI1C79x5OjJ2qz5GG4vq3TyccXpC5P38UJ915SZmhkjdrWM0aT3f6xZINnJSKP64eY7E8M2Lnv8izRenATDUG/"+avatarSize+"/md_openid_logo.png"}else if(s.indexOf("blogblog.com/img/blank.gif")!=-1){if(defaultAvatar.indexOf("gravatar.com")!=-1){s=defaultAvatar+"&s="+avatarSize}else{s=defaultAvatar}}else{s=s}if(showAvatar==true){if(roundAvatar==true){o="avatarRound"}else{o=""}t+='<div class="avatarImage '+o+'"><img class="'+o+'" src="'+s+'" alt="'+i+'" width="'+avatarSize+'" height="'+avatarSize+'"/></div>'}t+="<span>"+i+"</span>";var l=u.content.$t;var c=l.replace(/(<([^>]+)>)/ig,"");if(c!=""&&c.length>characters){c=c.substring(0,characters);c+="…"}else{c=c}t+='<a href="'+r+'">'+c+"</a>";t+="</li>"}t+="";document.write(t)}var numComments=numComments||5,avatarSize=avatarSize||34,characters=characters||43,defaultAvatar=defaultAvatar||"https://lh5.googleusercontent.com/-5YeC_6-32nw/UPb7SL-uGXI/AAAAAAAABWE/QJRpUV7G9bc/s80/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="http://doanthanhtrung.blogspot.com/feeds/comments/default?alt=json&callback=latest_recent_comments&max-results=5"></script>

Mẫu 2
Code mẫu 2

Mẫu 3
Code mẫu 3

<style type="text/css">    ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}     .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: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;}     .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}     .w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;} </style><script type="text/javascript">//<![CDATA[     // Recent Comments Settings     var 	numComments 	= 5, 	showAvatar 	= true, 	avatarSize 	= 60, 	roundAvatar	= true, 	characters 	= 40, 	showMorelink	= true, 	moreLinktext	= "Đọc Thêm »", 	defaultAvatar 	= "http://www.gravatar.com/avatar/?d=mm", 	hideCredits	= true; //]]></script><script type="text/javascript" src="http://widgets.way2blogging.org/blogger-widgets/w2b-recent-comments-gravatar.js"></script><script type="text/javascript" src="http://doanthanhtrung.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

Mẫu 4

Code mẫu 4:

<style type="text/css">    </style><script type="text/JavaScript"></script>

Tác Giả

đã viết 0 bài trên Peoplesoft-Enterprise'Blog.

Xem phiên bản web

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

Đăng nhận xét