Hôm nay là

Tiện ích nhận xét gần đây đơn giản

Thứ Ba, 29 tháng 5, 2018 - - 4 comments - lượt xem




Bạn có thể xem trước TẠI ĐÂY

Cách thực hiện:

Đăng nhập vào blog của bạn - Chọn blog muốn thêm tiện ích - Chọn bố cục - Chọn thêm tiện ích mới ở khung bên trái (hoặc phải) khung chứa "Bài đăng trên blog" - Tìm chọn tiện ích "HTML/Javascript"; đặt tên tiêu đề tiện ích là "Nhận xét mới" hoặc tên tùy ý; copy đoạn code bên dưới rồi dán vào khung nội dung của tiện ích - lưu tiện ích - kéo thả tiện ích mới vào vị trí thích hợp - Nhấp "Lưu sắp xếp" là ok!


Tùy chỉnh:

Thay đổi thông số:
numComments = 5 (Số lượng nhận xét, bình luận muốn hiển thị)
avatarSize = 30 (Khích thước ảnh avata 30X30)
characters = 40 (Số ký tự tóm tắt nội dung bình luận, nhận xét)



<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  = 5,
 showAvatar  = true,
 avatarSize  = 30,
 roundAvatar = true,
 characters  = 40,
 showMorelink = false,
 moreLinktext = "More »",
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 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>

Nguồn:
https://www.vinhtravel.com/2014/09/them-nhan-xet-moi-nhat-cho-blogspot.html


4 nhận xét:

  1. Hi anh! Em đã theo bài này của anh và làm dc rồi. Em vui lắm! Cảm ơn anh thật nhiều. Chúc anh luôn an vui và hạnh phúc

    Trả lờiXóa
    Trả lời
    1. DVD chúc mừng Symphonny nhé!

      Thật ra, blog càng có nhiều tiện ích, nhất là tiện ích HTML/Javascrip, thì blog chạy càng chậm.

      Tuy nhiên, vì DVD thích nên DVD dùng, mà không quan tâm blog của DVD chạy nhanh hay chậm!

      Bạn blog sang thăm DVD vì nội dung DVD viết và vì tình cảm giao lưu, chứ không vì hình thức blog của DVD đẹp hay xấu, blog của DVD chạy nhanh hay chạy chậm.

      Vậy đó, Symphony à!

      :)

      Xóa
    2. Blog chính thức "Đỗ Văn" của DVD tới giờ đã đăng 498 bài, chạy nhiều tiện ích, rất nhiều ảnh động/ảnh tĩnh kích thước lớn nhỏ... DVD thấy blog mở ra cũng hơi chậm.

      Nhưng, chỉ so với những trang web thông thường thôi, thì blog chính thức của DVD nặng chưa tới 1 ngàn, 1 phần vạn những trang web đó, vậy thì blog chính thức của DVD nào có ăn thua gì, hì hì hì...
      :))

      Xóa
  2. Cảm ơn DVD.
    Q đã theo đường link vào trang Thực Hành Blog chép code và cài thử.Nó hiển thị,nhưng có 2 điều chưa được.Về mặt hình thức nó không có khung ngoài nên hơi lạc điệu.Còn nội dung,Q đã thay các thông số nhưng vẫn hiển thị như cũ.
    Cái tiện ích cũ Q vẫn có thể tạm theo dõi được.

    Trả lờiXóa

Hướng dẫn viết nhận xét:
- Dán link ảnh trực tiếp vào khung nhận xét không cần dùng thẻ.
* Chú ý: Link ảnh phải đặt cuối cùng. Sau link ảnh đã dán, không gõ thêm bất kỳ ký tự nào nữa, kể cả nhấn Enter.
- Thêm một vài biểu tượng cảm xúc...

Tiện ích hướng dẫn comment và ký tự emoticons Zing

Hướng dẫn viết nhận xét:
- Gõ (hoặc copy và dán) ký tự bên phải biểu tượng cảm xúc muốn chọn vào khung nhận xét.
- Dán link ảnh trực tiếp vào khung nhận xét không cần dùng thẻ.
* Chú ý: Link ảnh phải đặt cuối cùng. Sau link ảnh đã dán, không gõ thêm bất kỳ ký tự nào nữa, kể cả nhấn Enter.
:)) :(( :) :-ss =)) :( :d @-) :p :-o [-( :-? :-t b-( =d>

Tiện ích hướng dẫn comment và ký tự emoticons Yahoo

Hướng dẫn viết nhận xét:
- Gõ (hoặc copy và dán) ký tự bên phải biểu tượng cảm xúc muốn chọn vào khung nhận xét.
- Dán link ảnh trực tiếp vào khung nhận xét không cần dùng thẻ.
* Chú ý: Link ảnh phải đặt cuối cùng. Sau link ảnh đã dán, không gõ thêm bất kỳ ký tự nào nữa, kể cả nhấn Enter.
:(( :( :)) ~X( :-h :-? b-) *-:) ~O) @};- >:D< =)) :) :-* :D [-X x( :-o =D> :@) :P :"> ;;) ;) :X =(( :-/