Thêm Recent Comments Vào Blogspot Load Nhanh

Tiện ích nhận xét mới nhất cho blogspot là một ứng dụng rất phổ biến hiện nay. Hôm nay chúng ta hãy cùng khám phá cách thực hiện thêm một recent comments vào trang web nhưng không ảnh hưởng tốc độ load của website.

Recent Comment -  Nhận Xét Mới Nhất

Các bước thực hiện như sau:

Bước 1: Đăng nhập blogspot rồi chọn Bố Cục à Thêm HTML/Javascript

Bước 2: Thêm đoạn code sau vào tiện ích vừa tạo ra

<style type="text/css">
ul.vnblogexpress_recent_comments {
    list-style: none;
    margin: 0;
    padding: 0;
}
.vnblogexpress_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;
}
.vnblogexpress_recent_comments li .avatarImage {
    padding: 1px;
    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: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.vnblogexpress_recent_comments li img {
    padding: 0px;
    position: relative;
    overflow: hidden;
    display: block;
}

.vnblogexpress_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  = 6,
 showAvatar  = true,
 avatarSize  = 40,
 roundAvatar = true,
 characters  = 45,
 showMorelink = false,
 moreLinktext = "More »",
 defaultAvatar  = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMdN4jgpcNGbEBPL8SxMRmAp_VXxfSbU5D5UynvqTLstgM5GBHDacG7uRjI7nzFa75Bbybda528zzn2sDA2HuOr6nHERIyMIPEAM1A-pz57fX-WZ0uuYScQ460L2DuVoMI3HxELxCJAhjS/s1600/none.png",
 hideCredits = true;
//]]>
</script>
<script type='text/javascript'>
eval(function(d,e,a,c,b,f){b=function(a){return(a<e?"":b(parseInt(a/e)))+(35<(a%=e)?String.fromCharCode(a+29):a.toString(36))};if(!"".replace(/^/,String)){for(;a--;)f[b(a)]=c[a]||b(a);c=[function(a){return f[a]}];b=function(){return"\\w+"};a=1}for(;a--;)c[a]&&(d=d.replace(RegExp("\\b"+b(a)+"\\b","g"),c[a]));return d}('7 D=D||5,9=9||19,A=A||1a,m=m||"h://W.S.g/16/?d=18",E=E||" 1p &1f;",v=(p v===\'o\')?j:v,z=(p z===\'o\')?Z:z,n=(p n===\'o\')?j:n,M=(p M===\'o\')?Z:n;1l 12(L){7 b;b=\'<Y C="12">\';H(7 i=0;i<D;i++){7 x,y,2,k;4(i==L.14.8.q)1g;b+="<X>";7 8=L.14.8[i];H(7 l=0;l<8.I.q;l++){4(8.I[l].1j==\'1o\'){x=8.I[l].w}}H(7 a=0;a<8.K.q;a++){y=8.K[a].1i.$t;2=8.K[a].1h$1k.N}4(2.f("/O/")!=-1){2=2.u("/O/","/s"+9+"-c/")}e 4(2.f("/T/")!=-1){2=2.u("/T/","/s"+9+"-c/")}e 4(2.f("/U-c/")!=-1&&2.f("h:")!=0){2="h:"+2.u("/U-c/","/s"+9+"-c/")}e 4(2.f("G.g/B/1n-P.J")!=-1){2="h://3.13.Q.g/-1m-1e/17/1c/1b/s"+9+"/15.R"}e 4(2.f("G.g/B/1d-P.J")!=-1){2="h://3.13.Q.g/-1R/1U/1P/1K/s"+9+"/1J.R"}e 4(2.f("G.g/B/1M.J")!=-1){4(m.f("S.g")!=-1){2=m+"&s="+9}e{2=m}}e{2=2}4(v==j){4(n==j){k="1O"}e{k=""}b+="<V C=\\"1T "+k+"\\"><B C=\\""+k+"\\" N=\\""+2+"\\" 1H=\\""+y+"\\" 1w=\\""+9+"\\" 1I=\\""+9+"\\"/></V>"}b+="<a w=\\""+x+"\\">"+y+"</a>";7 11=8.1v.$t;7 6=11.u(/(<([^>]+)>)/1u,"");4(6!=""&&6.q>A){6=6.1r(0,A);6+="&1s;";4(z==j){6+="<a w=\\""+x+"\\">"+E+"</a>"}}e{6=6}b+="<r>"+6+"</r>";b+="</X>"}b+=\'</Y>\';7 F="";4(M==j){F="10:1F;"}b+="<r 1G=\\"1E-1D:1A;10:1B;1C-1S:1z;"+F+"\\">1y 1t<a w=\\"h://W.1x.1L/\\">1Q</a></r>";1N.1q(b)}',
62,119,"  authorAvatar  if  commBody var entry avatarSize  commentsHtml   else indexOf com http  true avatarClass  defaultAvatar roundAvatar undefined typeof length span   replace showAvatar href commentlink authorName showMorelink characters img class numComments moreLinktext hideCSS blogblog for link gif author vnblogexpress hideCredits src s1600 rounded blogspot png gravatar s220 s512 div www li ul false display commHTML vnblogexpress_recent_comments bp feed vnblogexpress_blogger_logo avatar TxMKLVzQ5BI mm 60 40 QYau8ov2blE AAAAAAAABYY openid16 1X32ZM raquo break gd name rel image function AaI8 b16 alternate More write substring hellip by ig content width way2blogging Widget right 10px block text size font none style alt height vnblogexpress_openid_logo 8iasY0xpLzc org blank document avatarRound AAAAAAAABYc Way2Blogging 9lSeVyNRKx0 align avatarImage TxMKMIqMNuI".split(" "),
0,{}));
</script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&callback=vnblogexpress_recent_comments&max-results=5"></script>

Chú ý: Các bạn thay đổi phần text màu đỏ cho phù hợp với website của bạn

- numComments = 6 (Số comment muốn hiển thị)

- avatarSize = 40 (Khích thước ảnh avata 40x40)

- characters = 45 (Số ký tự tóm tắt nội dung bình luận)

Chúc các bạn thành công!

Nguồn: www.ikhampha.com