Thứ Ba, 18 tháng 12, 2012

CÁCH TẠO MODUL LỜI BÌNH-Sưu tầm

Hôm rồi Tam Anh ghé nhà bạn Nguyễn Quỳnh Vy thấy bạn ấy chỉ cách tạo Modul Comment hay quá nên Tam Anh chép lên đây cho mọi người cùng làm thử nhé!
Xin cám ơn Quỳnh Vy nhiều nhiều nha!
Hy vọng là chúng ta sẽ cùng trang trí được blog mới đẹp như ý muốn ,các bạn nhỉ?



Ai chơi blog thì cũng đều biết sự quan trọng của tiện ích Recent Commments (Nhận xét mới) bởi nó giúp tác giả / người đọc theo dõi một cách trực quan, tiếp diễn những thảo luận trên blog. Thời gian vừa rồi hệ thống blog của Opera bị trục trặc, 2ku blog có "gạ" blogger Thiếu Long Texas sang chơi Blogger nhưng Thiếu Long nói thích Opera hơn vì ở đó có tiện ích Recent Comment (lúc này anh ấy chưa biết Blogger cũng có tiện ích này và hàng hà sa số tiện ích khác so với Opera). Thời gian gần đây, 2ku sang nhà các blogger thân hữu chơi thì thấy tiện ích này trên các blog đó bị lỗi, không hiển thị nữa. Sau khi tìm hiểu thì 2ku thấy rằng tiện ích Recent Comment hỗ trợ trong blogger được cung cấp bởi Blogger Buster và đang bị lỗi gì đó.

Thật ra, tiện ích mặc định trên Blogger này cũng đã xưa hơn Diễm lâu rồi. Trong giới Blogger từ lâu đã và đang cho ra đời những tiện ích Nhận xét mới được "độ" và nâng cấp, tuyệt vời hơn cái phiên bản mặc định kia nhiều. Để giúp các bác blogger chưa có thời gian tìm hiểu kỹ về vấn đề này, 2ku blog xin tổng hợp 1 số kiểu tiện ích "Recent comments" như dưới đây.

Bước 1:
Trước hết, chúng ta xác định vị trí để chèn tiện ích này trên blog của mình (thường là các sidebar trái hoặc phải). Từ Blogger Dashboard → Layout → Xác định vị trí đặt tiện ích và "Add a Gadget" → chọn "HTML/JavaScript" trong danh sách Gadget hiện ra.
Bước 2:
Một cửa sổ nhập liệu hiện ra. Các bạn đặt tên cho nó và dán các đoạn mã của tiện ích vào rồi lưu lại (Save). Đoạn mã cho tiện ích thì các bạn có thể chọn 1 trong số 3 kiểu mà 2ku sẽ trình bày ngay sau đây.

Bước 3:
Như đã trình bày ở trên, hiện có khá nhiều kiểu "Recent comments". 2ku blog lựa chọn giới thiệu 3 đại diện của các "trường phái" phổ biến nhất để các bạn tùy nghi áp dụng vào blog mình sao cho phù hợp.

1. Kiểu đơn giản: không có avatar người bình luận.

Các bạn tham khảo hình ảnh dưới đây. Tiện ích sẽ thể hiện tên người nhận xét, tên bài viết có nhận xét và trích dẫn nhận xét.
Đoạn mã cho kiểu tiện ích này như sau:
<script style=text/javascript
src="http://helplogger.googlecode.com/svn/trunk/recent comments
widget.js"></script><script style=text/javascript >var
a_rc=5;var m_rc=false;var n_rc=true;var
o_rc=100;</script><script src=http://cuAnhcuEm.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments
 ></script><style type=text/css>
.rcw-comments a {text-transform: capitalize;} .rcw-comments
{border-bottom: 1px dotted; padding-top: 7px!important; padding-bottom:
7px!important;} #rcw-cr {font-family:
Arial,Tahoma;font-size:9px;padding-top:7px;display:block;}
</style>

Bạn chỉ cần thay đoạn http://cuAnhcuEm.blogspot.com bằng đường link của blog mình. Số 5 quy định số nhận xét được hiện thị.

2. Kiểu có avatar hình vuông, bo góc.
Đây là mẫu tiện ích được giới thiệu bởi Duy Phạm. Các bạn tham khảo hình ảnh dưới đây để biết "dung nhan" em nó.
Đoạn trích của nhận xét sẽ hiển thị khi di chuyển con trỏ lên trên đường link của bài viết. Đoạn mã của kiểu tiện ích này như sau:
<div id='recent-comments-avatar'>
<script type='text/javascript'>
var copyright_by_duypham_dot_info='Recent Comments free version 2.4 by http://duypham.info';
nc=5;
length_name=10;
length_content=150;
no_avatar='http://lh6.googleusercontent.com/-OKWz_G9ElFo/TuX_HC5zmkI/AAAAAAAAArI/4CqenpDZg54/s44/no-avatar.png';
on='on';
profile='View the profile of';
admin_style='<span style="background:#F00;color:#FFF">Admin</span>';
home_page='';
admin_uri='';
admin_avatar='';
avatar_show='yes';
var dp=['5c(3a(p,a,c,k,e,d){e=3a(c){3b(c<a?\'\':e(3f(c/a)))+((c=c%a)>35?3d.5b(c+29):c.4P(36))};3c(!\'\'.3e(/^/,3d)){3h(c--){d[e(c)]=k[c]||e(c)}k=[3a(e){3b d[e]}];e=3a(){3b\'\\\\w+\'};c=1};3h(c--){3c(k[c]){p=p.3e(4D 4E(\'\\\\b\'+e(c)+\'\\\\b\',\'g\'),k[c])}}3b p}(\'O b=["\\\\I\\\\J\\\\R\\\\B\\\\M\\\\h\\\\v","\\\\M\\\\e\\\\e\\\\B\\\\1q\\\\w\\\\w","\\\\1b","\\\\q\\\\m\\\\G\\\\r","\\\\M\\\\j\\\\f\\\\G","\\\\1e\\\\v\\\\A\\\\1H","\\\\q\\\\m\\\\I\\\\f\\\\Y\\\\1L\\\\G","\\\\w\\\\B\\\\w","\\\\l\\\\B\\\\k\\\\q\\\\e","\\\\x","\\\\j\\\\f\\\\B\\\\k\\\\h\\\\n\\\\f","","\\\\l\\\\J\\\\S\\\\l\\\\e\\\\j\\\\q\\\\m\\\\H","\\\\e\\\\r\\\\2y\\\\B\\\\B\\\\f\\\\j\\\\1B\\\\h\\\\l\\\\f","\\\\1j\\\\e","\\\\e\\\\q\\\\e\\\\k\\\\f","\\\\G\\\\f\\\\f\\\\I","\\\\r\\\\B\\\\f\\\\m\\\\2z\\\\f\\\\h\\\\j\\\\n\\\\M\\\\1j\\\\e\\\\r\\\\e\\\\h\\\\k\\\\1J\\\\f\\\\l\\\\J\\\\k\\\\e\\\\l","\\\\J\\\\j\\\\q","\\\\h\\\\J\\\\e\\\\M\\\\r\\\\j","\\\\l\\\\j\\\\n","\\\\H\\\\I\\\\1j\\\\q\\\\v\\\\h\\\\H\\\\f","\\\\f\\\\m\\\\e\\\\j\\\\R","\\\\k\\\\f\\\\m\\\\H\\\\e\\\\M","\\\\k\\\\q\\\\m\\\\Z","\\\\w","\\\\e\\\\M\\\\j\\\\1j\\\\q\\\\m\\\\K\\\\j\\\\f\\\\B\\\\k\\\\R\\\\K\\\\e\\\\r","\\\\n\\\\r\\\\m\\\\e\\\\f\\\\m\\\\e","\\\\l\\\\J\\\\v\\\\v\\\\h\\\\j\\\\R","\\\\U\\\\1p\\\\2B\\\\2x\\\\2w\\\\1i\\\\1y","\\\\k\\\\h\\\\l\\\\e\\\\1G\\\\m\\\\I\\\\f\\\\Y\\\\1L\\\\G","\\\\U\\\\1p\\\\1s\\\\1K\\\\1K\\\\1y","\\\\m\\\\h\\\\v\\\\f","\\\\D\\\\h\\\\x\\\\M\\\\j\\\\f\\\\G\\\\A\\\\s","\\\\s\\\\x\\\\j\\\\f\\\\k\\\\A\\\\s\\\\m\\\\r\\\\G\\\\r\\\\k\\\\k\\\\r\\\\1r\\\\s\\\\x\\\\e\\\\h\\\\j\\\\H\\\\f\\\\e\\\\A\\\\s\\\\1n\\\\S\\\\k\\\\h\\\\m\\\\Z\\\\s\\\\x\\\\e\\\\q\\\\e\\\\k\\\\f\\\\A\\\\s","\\\\s\\\\F","\\\\D\\\\w\\\\h\\\\F","\\\\M\\\\e\\\\e\\\\B\\\\1q\\\\w\\\\w\\\\q\\\\v\\\\H\\\\1s\\\\1b\\\\S\\\\k\\\\r\\\\H\\\\S\\\\k\\\\r\\\\H\\\\1b\\\\n\\\\r\\\\v\\\\w\\\\q\\\\v\\\\H\\\\w\\\\S\\\\k\\\\h\\\\m\\\\Z\\\\1b\\\\H\\\\q\\\\G","\\\\m\\\\r\\\\x\\\\h\\\\L\\\\h\\\\e\\\\h\\\\j","\\\\D\\\\l\\\\n\\\\j\\\\q\\\\B\\\\e\\\\x\\\\e\\\\R\\\\B\\\\f\\\\A\\\\s\\\\e\\\\f\\\\Y\\\\e\\\\w\\\\1m\\\\h\\\\L\\\\h\\\\l\\\\n\\\\j\\\\q\\\\B\\\\e\\\\s\\\\F\\\\j\\\\n\\\\1n\\\\h\\\\L\\\\h\\\\e\\\\h\\\\j\\\\1i\\\\2t\\\\2u\\\\1y\\\\D\\\\w\\\\l\\\\n\\\\j\\\\q\\\\B\\\\e\\\\F","\\\\1r\\\\j\\\\q\\\\e\\\\f","\\\\D\\\\l\\\\n\\\\j\\\\q\\\\B\\\\e\\\\x\\\\e\\\\R\\\\B\\\\f\\\\A\\\\s\\\\e\\\\f\\\\Y\\\\e\\\\w\\\\1m\\\\h\\\\L\\\\h\\\\l\\\\n\\\\j\\\\q\\\\B\\\\e\\\\s\\\\x\\\\l\\\\j\\\\n\\\\A\\\\s","\\\\w\\\\G\\\\f\\\\f\\\\I\\\\l\\\\w","\\\\w\\\\n\\\\r\\\\v\\\\v\\\\f\\\\m\\\\e\\\\l\\\\w\\\\I\\\\f\\\\G\\\\h\\\\J\\\\k\\\\e\\\\1e\\\\h\\\\k\\\\e\\\\A\\\\1m\\\\l\\\\r\\\\m\\\\K\\\\q\\\\m\\\\K\\\\l\\\\n\\\\j\\\\q\\\\B\\\\e\\\\U\\\\v\\\\h\\\\Y\\\\K\\\\j\\\\f\\\\l\\\\J\\\\k\\\\e\\\\l\\\\A\\\\1H\\\\U\\\\n\\\\h\\\\k\\\\k\\\\S\\\\h\\\\n\\\\Z\\\\A\\\\j\\\\n\\\\1n\\\\h\\\\L\\\\h\\\\e\\\\h\\\\j\\\\1i\\\\s\\\\F\\\\D\\\\w\\\\l\\\\n\\\\j\\\\q\\\\B\\\\e\\\\F","\\\\1J\\\\f\\\\n\\\\f\\\\m\\\\e\\\\x\\\\1B\\\\r\\\\v\\\\v\\\\f\\\\m\\\\e\\\\l\\\\x\\\\G\\\\j\\\\f\\\\f\\\\x\\\\L\\\\f\\\\j\\\\l\\\\q\\\\r\\\\m\\\\x\\\\1i\\\\1b\\\\2D\\\\x\\\\S\\\\R\\\\x","\\\\w\\\\G\\\\f\\\\f\\\\I\\\\l\\\\w\\\\n\\\\r\\\\v\\\\v\\\\f\\\\m\\\\e\\\\l\\\\w\\\\I\\\\f\\\\G\\\\h\\\\J\\\\k\\\\e\\\\1e\\\\h\\\\k\\\\e\\\\A\\\\1m\\\\l\\\\r\\\\m\\\\K\\\\q\\\\m\\\\K\\\\l\\\\n\\\\j\\\\q\\\\B\\\\e\\\\U\\\\v\\\\h\\\\Y\\\\K\\\\j\\\\f\\\\l\\\\J\\\\k\\\\e\\\\l\\\\A","\\\\U\\\\n\\\\h\\\\k\\\\k\\\\S\\\\h\\\\n\\\\Z\\\\A\\\\j\\\\n\\\\1n\\\\h\\\\L\\\\h\\\\e\\\\h\\\\j\\\\1s\\\\s\\\\F\\\\D\\\\w\\\\l\\\\n\\\\j\\\\q\\\\B\\\\e\\\\F","\\\\D\\\\J\\\\k\\\\F","\\\\1B\\\\r\\\\v\\\\v\\\\f\\\\m\\\\e\\\\l\\\\x\\\\r\\\\m\\\\x","\\\\1q\\\\x","\\\\1p\\\\n","\\\\U\\\\n\\\\r\\\\v\\\\v\\\\f\\\\m\\\\e\\\\1I\\\\h\\\\H\\\\f\\\\A","\\\\1e\\\\n\\\\r\\\\v\\\\v\\\\f\\\\m\\\\e\\\\1I\\\\h\\\\H\\\\f\\\\A","\\\\D\\\\k\\\\q\\\\F","\\\\R\\\\f\\\\l","\\\\D\\\\q\\\\v\\\\H\\\\x\\\\h\\\\k\\\\e\\\\A\\\\s","\\\\s\\\\x\\\\n\\\\k\\\\h\\\\l\\\\l\\\\A\\\\s\\\\j\\\\n\\\\K\\\\h\\\\L\\\\h\\\\e\\\\h\\\\j\\\\s\\\\x\\\\l\\\\j\\\\n\\\\A\\\\s","\\\\s\\\\w\\\\F","\\\\x\\\\D\\\\h\\\\x\\\\M\\\\j\\\\f\\\\G\\\\A\\\\s","\\\\s\\\\x\\\\j\\\\f\\\\k\\\\A\\\\s\\\\m\\\\r\\\\G\\\\r\\\\k\\\\k\\\\r\\\\1r\\\\s\\\\x\\\\e\\\\q\\\\e\\\\k\\\\f\\\\A\\\\s","\\\\D\\\\w\\\\h\\\\F\\\\D\\\\I\\\\q\\\\L\\\\x\\\\n\\\\k\\\\h\\\\l\\\\l\\\\A\\\\s\\\\n\\\\k\\\\f\\\\h\\\\j\\\\s\\\\F\\\\D\\\\w\\\\I\\\\q\\\\L\\\\F\\\\D\\\\w\\\\k\\\\q\\\\F","\\\\D\\\\w\\\\J\\\\k\\\\F","\\\\q\\\\m\\\\m\\\\f\\\\j\\\\2c\\\\1Z\\\\2a\\\\2b","\\\\j\\\\f\\\\n\\\\f\\\\m\\\\e\\\\K\\\\n\\\\r\\\\v\\\\v\\\\f\\\\m\\\\e\\\\l\\\\K\\\\h\\\\L\\\\h\\\\e\\\\h\\\\j","\\\\H\\\\f\\\\e\\\\2l\\\\k\\\\f\\\\v\\\\f\\\\m\\\\e\\\\2j\\\\R\\\\1G\\\\I"];1o=0;u=0;X=[];d=[];p=[];W=[];1l=[];1x=[];t=[];a=[];V=[];1k=[];1c=[];1u=[];1w=[];1g=[];1V=b[0];1X=b[1];1W=b[2];1S=b[3];1O=2Z[b[4]];y=1O[b[6]](b[5]);1z 2X(1t){E(d[u][b[6]](b[7])!=-1){W[u]=1;i=d[u][b[8]](b[7]);i=i[1];i=i[b[10]](/-/g,b[9]);i=i[b[10]](/.2Y/,b[11]);1N=i[b[12]](0,1);1M=i[b[12]](1);i=1N[b[13]]()+1M;t[u]=i}N{o=1t[b[16]][b[15]][b[14]];t[u]=o;1P=1t[b[16]][b[17]][b[14]];i=2R((1P-1)/2Q)+1;W[u]=i};u++};1z 2S(T){1o=T[b[16]][b[17]][b[14]];1x=T[b[16]][b[15]][b[14]];E(b[18]1f T[b[16]][b[19]][0]){1u=T[b[16]][b[19]][0][b[18]][b[14]]};1w=T[b[16]][b[19]][0][b[21]][b[20]];1R(g=0;(g<1C)&&(g<1o);g++){c=T[b[16]][b[22]][g];E(g==T[b[16]][b[22]][b[23]]){2W};X=c[b[24]][0][b[4]];X=X[b[8]](b[25]);1Y=X[5];1F=X[8];O 1E=c[b[26]][b[4]];d[g]=1E;E(y!=-1){d[g]=d[g]+b[5]};p[g]=1F;E(b[27]1f c){O C=c[b[27]][b[14]]}N{E(b[28]1f c){O C=c[b[28]][b[14]]}N{O C=b[29]}};C=C[b[10]](/<2U \\\\/>/g,b[9]);C=C[b[10]](/@<a.*?a>/g,b[11]);C=C[b[10]](/<[^>]*>/g,b[11]);E(C[b[23]]<1Q){1l[g]=C}N{C=C[b[12]](0,1Q);O 1h=C[b[30]](b[9]);C=C[b[12]](0,1h);1l[g]=C+b[31]};Q=c[b[19]][0][b[32]][b[14]];E(Q[b[23]]<1D){a[g]=Q}N{Q=Q[b[12]](0,1D);O 1h=Q[b[30]](b[11]);Q=Q[b[12]](0,1h);a[g]=Q+b[31]};E(b[18]1f c[b[19]][0]){1c[g]=c[b[19]][0][b[18]][b[14]];1g[g]=b[33]+1c[g]+b[34]+2V+b[9]+a[g]+b[35]+a[g]+b[36]}N{1g[g]=a[g]};E(c[b[19]][0][b[21]][b[20]]==b[37]){V[g]=2T;1k[g]=b[38]}N{V[g]=c[b[19]][0][b[21]][b[20]];1k[g]=a[g]};E(d[g][b[6]](b[7])!=-1){1d[b[1A]](b[39])}N{1d[b[1A]](b[1T]+1U+b[2O]+1Y+b[2k])}}};E(2i==b[2P]+1X+1V+1W+1S){1d[b[1A]](b[1T]+1U+b[2h]+1C+b[2o])};1z 2n(){O P=b[11];P+=b[2p];1R(z=0;(z<1C)&&(z<1o);z++){t[z]=t[z][b[10]](b[2f]+1x+b[2e],b[11]);O 1a=b[11];E(W[z]==1){1a=b[1v]}N{E(y!=-1){1a=b[2g]+W[z]+b[1v]}N{1a=b[2d]+W[z]+b[1v]}};P+=b[2m];E(2q==b[2H]){P+=b[2G]+1k[z]+b[2F]+V[z]+b[2E]};P+=1g[z];E(((1c[z]==1u)&&(V[z]==1w))||((1c[z]==2I)&&(V[z]==2J))){P+=b[9]+2N};P+=b[9]+2M+b[2L]+d[z]+1a+p[z]+b[2K]+1l[z]+b[35]+t[z]+b[2C]};P+=b[2v];1d[b[2r]](b[2s])[b[2A]]=P};\',3g,4a,\'|||||||||||3Z|||4b|4c||4e||4d|3Y|3X|3S|3R|||3Q|3T|3U|||3W|3V|4f|||4g|4r|4q|4s|3c|4t|4v|4u|4p|4o|4j|4i|4x|4h|4k|4l|3P|4m|4w|3L|3s|3r|3u|3w|3v|3q|||||||||||3p|3k|3j|3i|3l|3m|3n|3y|3J|3I|3N|3M|3G|3B|3A|3z|3C|3D|3E|3O|3F|50|3H|3K|3x|3a|40|3o|3t|4n|4V|5r|5q|5s|5t|5v|5u|5p|5o|5j|5i|5h|5x|5k|5l|41|5n|5m|5w|5A|5F|5E|||||||||||5C|5y|5z|52|49|48|51|45|5D|5B|43|5f|53|4J|46|47|4I|4H|4K|4L|4N|4M|4G|4F|4A|4z|3g|4y|4B|4C|57|56|55|54|5g|4O|59|58|5a|4Z|42|44|5e|3f|5d|4Y|4X|4S|4R|4Q|4T|4U||||||||||\'.4W(\'|\'),0,{}))',"|","split","||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||function|return|if|String|replace|parseInt|62|while|document|ur|x2E|x3F|in|pr|x43|_0x1ce6xa|x6B|im|x26|nc|pn|x78|lk|x3B|_0x1ce6x7|x23|tt|x5F|x3A|x77|x31|ura|x6A|ima|x24|x32|tb|_0x1ce6x4|j2|alt|_0x1ce6x2|a2|x69|x63|x6E|x6F|x22|x2F|x6D|x73|x6C|_0x7fe5|||||||||||196|x74|x65|x72|x61|x20|x3D|else|x76|x2D|var|_0x1ce6x9|x79|length_name|x75|x64|_0x1ce6x6|x70|x3C|x3E|x67|x66|x62|x68|x38|x53|x55|60|x34|new|RegExp|x35|x39|64|avatar_show|rc_avatar|63|x28|61|x29|admin_avatar|toString|rc_avatar2|break|profile|html|location|_0x1ce6x5|split|br|no_avatar|admin_style|||||||||||on|fromCharCode|eval|rc_avatar1|200|x45|admin_uri|num|a3|str1|for|inf|ad|home_page|str2|x4F|x49|cid|x30|x50|x33|x52|dot|length_content|x4C|x48|loc|x42|x4D|copyright_by_duypham_dot_info|x54|pid","","fromCharCode","replace","\\w+","\\b","g"];eval(function(d,e,a,c,b,f){b=function(a){return(a<e?dp[4]:b(parseInt(a/e)))+(35<(a%=e)?String[dp[5]](a+29):a.toString(36))};if(!dp[4][dp[6]](/^/,String)){for(;a--;)f[b(a)]=c[a]||b(a);c=[function(a){return f[a]}];b=function(){return dp[7]};a=1}for(;a--;)c[a]&&(d=d[dp[6]](RegExp(dp[8]+b(a)+dp[8],dp[9]),c[a]));return d}(dp[0],62,352,dp[3][dp[2]](dp[1]),0,{}));
</script>
<script type='text/javascript'>rc_avatar();</script>
</div>

Thay 5 bằng số nhận xét bạn muốn hiển thị, 30 là số ký tự tối đa tên người nhận xét được hiển thị, 150 là số ký tự tối đa trích đoạn nội dung của nhận xét. Nếu không muốn hiển thị avatar hãy thay yes thành ký tự bất kỳ khác.

Sau khi lưu đoạn mã, bạn vào Template → Edit HTML → Proceed. Cửa sổ mã của blog hiện ra. Các bạn nhấn tổ hợp Cltr+F để tìm đến đoạn mã ]]></b:skin> . Chép và dán toàn bộ đoạn mã dưới đây vào ngay phía trên thẻ ]]></b:skin> vừa tìm được:
.rc-avatar{float:left;margin-right:10px;border:1px solid #999;border-radius:5px;background:#FFF;width:36px;height:36px;padding:3px}
Nhấn Save Template là xong.

3. Kiểu có hình đại diện (avatar) hình tròn:
Bạn có thể tham khảo kiểu này ngay trên 2ku Blog, mục "Nhận xét mới" ở sidebar. Rất đẹp phải không nào? Nhưng lưu ý là hiệu ứng ảnh hình tròn này chỉ hiển thị trên trình duyệt FireFox và Chrome chứ vô hiệu trên Internet Explorer.
Đoạn mã của kiểu này như sau:
<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  = 110,
 showMorelink = false,
 moreLinktext = "Xem thêm »",
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://shareallworld.googlecode.com/files/w2b-recent-comments-gravatar.js"></script>
<script type="text/javascript" src="http://www.cuanhcuem.net/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

Thay đoạn http://www.cuanhcuem.net bằng đường link trang blog của bạn. Lưu tiện ích lại là xong.


Đọc thì thấy hơi "rắc rối" nhưng các bạn chỉ cần hiểu là copy code mẫu nào mình thích rồi dán vô cái tiện ích HTML ở cột dọc là xong.
Chúc các bạn thành công!

110 nhận xét:

  1. Tem...cái trước rùi tín !keke..

    Trả lờiXóa
    Trả lời
    1. Em trịnh trọng trao tem Vàng cho anh nè!

      Xóa
    2. Trao cho iem nữa .. Từ ngày em biết chị TA chưa bao giờ em nhặt được cái tem nào cả , anh Jack may mắn thiệt đó ... chia cho iem một nửa cái tem anh Jack ha .. anh iem mình ngọt bùi có nhao mờ ..haaaaaaa

      Xóa
    3. Hi..hi..Vậy là số của em gái không có duyên với Vàng,bạc nhà chị òi!
      Nhưng có duyên với tình cảm của chị là được rùi em hen?

      Xóa
    4. Chị ui ! giáng sinh ấm áp bên người thương nha chị .. um cái .. chụt chụt .. chụt vài cái nữa

      Xóa
  2. hay quá chị ui, em đang cần

    Trả lờiXóa
    Trả lời
    1. Vậy thì chị chúc em làm thành công nhé!
      Giáng sinh vui vẻ và năm mới tốt lành nha em!

      Xóa
  3. Hay quá bạn à, chúc bạn ngày mới an lành và nhiều niềm vui

    Trả lờiXóa
  4. Chị hướng dẫn cách cài chức năng post hình và video nữa đi chị ơi...

    Trả lờiXóa
    Trả lời
    1. Ok,để từ từ chị sẽ post bài hướng dẫn nhé!

      Xóa
  5. Nhà Tam anh đẹp wa à. Thứ 4 vui & an lành tam Anh nhé !

    Trả lờiXóa
    Trả lời
    1. TA cám ơn bạn nhiều!
      Chúc bạn đón Giáng sinh an lành và năm mới vui vẻ nha!

      Xóa
  6. Uh ! Cái này hay nà Tamanh ui ! Tiếc rằng đã làm cái kia rồi !
    Post thử clip nha !

    [youtube]http://www.youtube.com/watch?v=IXqZp-kEy2k[/youtube]

    Trả lờiXóa
    Trả lời
    1. Ok rùi đấy bồ iu !
      Um cái nầu !

      Xóa
    2. Cái video nó "ngộ" lắm bồ ơi!Ba hồi thì thấy,ba hồi thì không.Vậy chắc là do tình trạng mạng của từng lúc chứ không phải mình làm sai,bồ nhỉ?
      Cám ơn bồ nhiều nha!Um một cái nè!
      Để tui tìm cách gắn icon nữa cho đủ bộ,khỏi thuyết minh mệt quá!Hi..hi..

      Xóa
  7. Mèng...ui !
    Sao bên PS làm bảng hiển thị các lhách vô ,,nó ra dài thoòng loòng ! là sao ?
    ka..ka..ka...

    Trả lờiXóa
    Trả lời
    1. PS chỉnh lại cái cột bên đó rộng ra 1 chút... Nhà thì xây rộng chà bá .. còn cái đường đi thì bé tí tẹo, đi bộ còn ko nổi ở đó mà đòi đi xe hơi dzô hic ..

      Xóa
    2. TA có qua tận nhà chia sẻ kinh nghiệm rùi đó,PS ui!

      Xóa
  8. Trả lời
    1. Em chào anh!Chúc anh đón Giáng sinh vui vẻ và năm mới thành công nhé!

      Xóa
  9. Làm ăn phát tại nhà giàu thiệt àh nha ..Chúc chị giáng sinh an lành và một Năm mới an khang thịnh vượng
    Chi oi ! um chi cai nao .. Nho mun chit

    Trả lờiXóa
    Trả lời
    1. Hi..hi..Có chi mà "nhà giàu" hả em?Túp lều thôi!
      Chị cám ơn em nhiều nha!Chị cũng chúc em Noel thật vui,năm mới phát tài.may mắn nhé!Uhm cái nè!

      Xóa
  10. Chị TA ới, em qua thăm Chị, chúc Chị ngày vui nhé!

    Trả lờiXóa
    Trả lời
    1. Chị chào em gái iu!
      Chị cám ơn em nhiều nhiều nhá!
      Giáng sinh an lành em nhé!

      Xóa
  11. Em có thấy khác gì so vaoiws cũ đâu chị ơi?

    Trả lờiXóa
  12. À, em hiểu rồi có thể post hình, video, nhạc vào phần comment hả chị? Noen em sang nhà chị mở nhạc tùm lum cho zui chị ha? Em đố chị cài được các icon cơ, mới thú vị hi hi

    Trả lờiXóa
    Trả lời
    1. Từ từ rồi chị sẽ cài hết mọi thứ vô blog.Hi..hi..Giờ còn đi tìm tòi,học hỏi đã em ợ!

      Xóa
  13. Trùi ui , chị giỏi wá trùi...em nhìn vô đây tối tăm mặt mày lun đó chị , mấy anh cũng chỉ em cài rùi mà em làm hẻm ra...để rảnh rỗi em wa học lõm của chị thử xem có được hôn? em chúc chị chiều vui ạ.

    Trả lờiXóa
    Trả lời
    1. Hi..hi..Em không cần đọc hết những lời giới thiệu xung quanh cho nó khó ra.Em chỉ cần nhìn 3 cái đoạn code màu xanh ấy rồi chọn cho mình 1 đoạn.Sau đó chỉnh sửa 1 vài thông số cho phù hợp-cài vô tiện ích HTML vậy là xong rùi!

      Xóa
  14. em có thấy bên này nó cứ nhạt sao đó không ?-hay ta chưa quen nhỉ -

    Trả lờiXóa
    Trả lời
    1. Em cái zề!Chị chứ!Ka..ka...
      Có lẽ vì là nơi mới nên còn thiếu vắng "hơi ấm thân quen" đấy.TA nghĩ chắc 1 thời gian rồi mình sẽ quen thôi.

      Xóa
    2. Em cũng thấy nó nhạt nhạt sao ấy!
      Hai người cứ chị chị em em kể cũng ...tình đấy

      Hahah

      Xóa
    3. Ka..ka..nghe mac cuoi ghê em Tím hen!

      Xóa
  15. Tam Anh hum nay zỏi nhỉ ? Chị sang học ké nè.

    Trả lờiXóa
  16. Chị cứ chọc em!Em cũng đang mày mò miết này chị ơi!Biết cái gì thì em chia sẻ với mọi người cái đấy thôi mà!

    Trả lờiXóa
  17. Trả lời
    1. Hi..hi..Cám ơn em!Chỉ là đi học hỏi lại của các bạn thôi.Đâu giỏi đâu cưng ơi!Hi.hi..

      Xóa
  18. Thử lần nữa lun nha !
    [youtube]http://www.youtube.com/watch?v=B0pxvFh-SnM[/youtube]

    Giáng sinh thật vui và ấm áp nhá Tamanh iu ui !

    Trả lờiXóa
  19. Chị mềnh dạo ni là chuyên za rồi

    Trả lờiXóa
    Trả lời
    1. Làm cách nào để cái HTLM ở cột dọc hiện ra hả chị?

      Xóa
    2. Chuyên za gì!Vì ai cūng phai xây nhà nên chi biet gì thì chia se nay thôi.:)
      Em vô Thiet ke-Bo cuc .Chon Thêm tiên ich (html)-dán code vào-kéo ve cho mình can-Luu the là xong.

      Xóa
  20. Ui, có vẻ khó quá nhỉ? Dạo này chị mình giỏi ghê, chuyển qua làm thủ thuật blog hả chị? hihi, ngày ấm chị nhé

    Trả lờiXóa
    Trả lời
    1. Không khó dau em.Em cu copy code nào em thích rùi thay link blog em vào,dán vô tien ich HTML the là xong.

      Xóa
  21. Giáng sinh đang tới gần,chú bạn tôi đón 1 mùa giáng sinh ấm áp,anh bình và tràn ngập yêu thương TA nhé

    Trả lờiXóa
    Trả lời
    1. TA cám on Ban Be that nhieu nè!TA chúc ban bè don Giáng sinh cūng vui thiet là vui nha!

      Xóa
  22. Chị ui, chị của em giỏi quá chừng luôn nè! (hổng có cái icon um, chị nghiên kíu cho ra icon đi chị)

    Trả lờiXóa
    Trả lời
    1. Hi..hi...Có gioi gì dau em.Chi cūng dang mò mam nè!Chi se ráng nghiên cuu may cái icon.Chieu vui em gái nhé!

      Xóa
  23. Anh ghé thăm Tâm Anh . Công việc bề bộn cuối năm nên không có thời gian nhiều mong thông cảm nhé . Chúc Tâm Anh luôn vui vẽ hạnh phúc nha

    Trả lờiXóa
    Trả lời
    1. Em cám on anh nhieu a!Cuoi nām ai cūng ban ron-em hieu mà!Không có chi dau anh!Em chúc anh manh khoe ,vui ve nhé!

      Xóa
  24. Nhà em lung lình và đông bạn bè vui quá! Lâu rồi mới gặp lại em!
    Anh chúc em mùa giáng sinh an lành và HP nha em !

    Trả lờiXóa
    Trả lời
    1. Em chào anh Michel Nguyễn!
      Cám ơn anh đã ghé thăm nhà em!
      Em xin chúc anh đón Giáng sinh an lành và một năm mới vui vẻ nhé!

      Xóa
  25. Em sang thăm chị gái, còn vài ngày nữa thôi là Giáng Sinh về, thời tiết bên chị chắc lạnh lắm chị hen? Em gái chúc chị gái, đón Giáng Sinh an lành và Năm mới hạnh phúc cùng gia đình thân yêu chị gái nhé !

    Trả lờiXóa
    Trả lời
    1. Chị cám ơn em nhiều!Bên chị mấy bữa nay cũng đỡ lạnh rồi.Chỉ trên dưới 0 độ thôi.Nhưng lành lạnh vậy mới giống Noel em nhỉ?
      Chiều vui em nhé!

      Xóa
  26. Chúc mừng Giáng sinh an lành em nhé!

    Trả lờiXóa
  27. Chúc vui và ấm ơiáp nhé bạn

    Trả lờiXóa
    Trả lời
    1. Em cám ơn anh Hữu Hợp nhiều!Rất vui khi anh ghé thăm!
      Em chúc gia đình anh đón Giáng sinh vui vẻ nhé!

      Xóa
  28. Sang thăm bạn nè! Cảm ơn bạn về những entry ý nghĩa nhé

    Trả lờiXóa
    Trả lời
    1. Tam Anh cám ơn bạn nhiều nhé!Chúc bạn ngủ ngon!

      Xóa
  29. nhà đẹp qua..vô mà mê mẫn hổng muốn dzìa

    Trả lờiXóa
    Trả lời
    1. Hi..hi..Cám ơn bạn đã quá khen !Mình rất vui khi được bạn ghé thăm.
      Chúc bạn Giáng sinh an lành nhé!

      Xóa
  30. Entry rất hửu ích trong những ngày chuyển nhà ạ.

    Trả lờiXóa
    Trả lời
    1. Thế em có sử dụng được kinh nghiệm nào do chị chia sẻ không vậy?:)))

      Xóa
  31. Chúc bạn đón Giáng sinh an lành và hạnh phúc nhé

    Trả lờiXóa
    Trả lời
    1. TA cám ơn bạn nhiều!
      Mình cũng chúc bạn có mùa Giáng sinh thật an lành,vui vẻ và một năm mới nhiều may mắn nhé!

      Xóa
  32. Chúc bồ iu một mùa Giáng sinh ấm áp và tràn ngập iu thương !
    [img]http://i1249.photobucket.com/albums/hh509/Chuonchuonot2010/Giang%20sinh/7370681260755768_zps123f3b49.gif[/img]

    Trả lờiXóa
    Trả lời
    1. [img] http://anh.24h.com.vn/upload/4-2011/images/2011-12-20/1324364642-tiec-giang-sinh-va-nam-moi-tai-Maison-Sens-1.jpg [/img]

      Xóa
  33. CHÚC MỪNG NOEL.....
    (mần răng còm có hình dc zậy TA///? có cả danh sách khách vô thăm nữa kìa ???)

    Trả lờiXóa
    Trả lời
    1. Hi..hi.Để chút TA sẽ post bài chia sẻ với mọi người cách cài hiệu ứng dán ảnh và video vô phần comment nhé!
      Riêng phần danh sách khách ghé thăm thì PS đọc entry trước của TA nha-bài chia sẻ kinh nghiệm trang trí blog ấy.
      Mà thực ra hồi đầu chưa rành lắm nên đặt tên tiện ích là Khách ghé thăm chứ thực ra là danh sách bạn bè đấy.Bên đây ko có tiện ích khách ghé thăm đâu.
      Chúc PS đón Noel vui vẻ nhé!

      [img] http://img.photo.yume.vn/photo/pictures/20111223/duongvuanhtoan/thumbnail/604x604/noel_2012_1343280562.jpg [/img]

      Xóa
  34. Làm tiệc đãi mấy anh chị em đi chị ơi!

    Trả lờiXóa
    Trả lời
    1. Thôi,cho chị khất nhé!Đang trong lúc "nước sôi ,lửa bỏng" có nhiêu tiền trút vào xây mấy ngôi biệt thự này hết rùi.Tiền đâu mà làm tiệc đây em?Hi..hi..
      Chúc em Giáng sinh an lành nha!
      [img] http://k14.vcmedia.vn/thumb_w/600/A3YmnWqkHeph7OwGyu6TwbX57tgTw/Image/2012/12/12A/giang-sinh-2012-teeniscover-kenh14-08-81df4.jpg [/img]

      Xóa
  35. Thía cài cái code nào thì anh em mình gặp được nhau để đi chơi giáng sinh nhỉ -TAM EM -

    Trả lờiXóa
    Trả lời
    1. Code này nè:
      img>muavemaybay.vietnam-airline.com=>rasanbay.tansonnhat.vn=>Frankfurt.de=>
      img>
      Ka..Ka..

      Xóa
    2. ủa ! có phải anh tối đây không zợ..

      Xóa
  36. hjhj..chị ui, em xem bài này và cài được comment rùi chị ui. Em chúc chị tối vui nha chị

    Trả lờiXóa
  37. Trả lời
    1. Chị chúc em cũng vậy nha em gái!
      [img] http://sentayho.com.vn/pic/Introduction/noel-2012.jpg [/img]

      Xóa
  38. http://pic100.picturetrail.com/VOL630/13252760/23968920/400000594.jpg
    Chị ơi qua nhà em có nhiều ảnh lắm chị xem có tấm nào chị thích ko nhé!
    NOEL an lành, hạnh phúc nha chị!

    Trả lờiXóa
    Trả lời
    1. Ok,chị sẽ qua coi liền.Có bao nhiêu là chị bê hết đó à nha!Hi..hi..
      [img] http://direct1.anhso.net/original/17/177425/18102012153917466.jpg [/img]

      Xóa
  39. [img] http://pic100.picturetrail.com/VOL630/13252760/23968920/400000594.jpg [/img]

    Trả lờiXóa
    Trả lời
    1. Chị thử xem chữ này được ko nhé chị.chị đưa vào code chỉnh rộng và cao là chữ to lên đó"
      http://nt9.upanh.com/b1.s11.d1/47f460ed92668249d1f7674bb7e0361b_51929179.mai.gif

      Xóa
    2. Chị cám ơn em nhiều nhiều nha em gái cưng!

      Xóa
  40. Giáng sinh an lành, hạnh phúc nha bồ iu
    [youtube]http://www.youtube.com/watch?v=nYZRxq3jCJo[/youtube]

    Trả lờiXóa
    Trả lời
    1. Cám ơn bạn iu nhiều!Giáng sinh an lành nha bồ!

      Xóa
    2. Dao ni công nghệ tiên tiến , mấy chị hiện đại quá cho hình ảnh , ví dẻo lên được sao iem thấy bỡ ngỡ quá chị ợ ...iem đứng ở bên xe khách mà cứ ngỡ đứng ở Sân bay chị ui

      Xóa
    3. Em gái cứ làm đ1ung như chị chỉ ở trên là cũng sẽ "tân tiến" như mấy chị thôi mà!Hi..hi..

      Xóa
  41. Cám ơn đã chỉ đường cho cách trang trí nhà đẹp,
    Chúc mùa giáng sinh vui vẻ và an lành nhé !

    Trả lờiXóa
    Trả lời
    1. Không có chi đâu anh!TA rất vui khi được đón tiếp anh.
      Chúc anh đón Giáng sinh thật vui bên gia đình nhé!

      Xóa
  42. TA à, LB đã làm theo cách 1, đã thử có 1 lời comt, nhưng chưa thấy xuất hiện lời comt, LB đang nghiên cứu, híc...

    Trả lờiXóa
    Trả lời
    1. Anh nên copy code ra Word để thao tác các bước cho dễ và chuẩn xác.Nghe anh kể thì em nghĩ anh làm chưa chính xác rồi.Nếu chỉ thiếu d6a1u chấm,dấu phẩy cũng ko được đâu anh.
      Khi mà gắn vô được thì nó sẽ hiện lời bình ngay dù là lời bình cũ hay mới.
      Anh thử lại đi nha!

      Xóa
  43. Cảm ơn các anh về bài viết này...

    Trả lờiXóa
  44. GIÁNG SINH AN LÀNH chị nhé.! Fang thăm chị nha... hihi

    Trả lờiXóa
    Trả lời
    1. Chi cám on em nhieu nhé!Chúc em don Giáng sinh an lành nha!

      Xóa
  45. Chào bạn. Mình có trả lời bạn về phần comments tại đây nhé.

    Trả lờiXóa
  46. Fang chúc chị Tamanh năm mới NHIỀU SỨC KHỎE - AN KHANG - THỊNH VƯỢNG chị nhé.
    Cuối năm rồi em bận quá nên chỉ tranh thủ thăm các anh chị và mọi ng chút xíu thôi...
    Dzui nhé chị!!!
    À, em chưa nhận đc link hình chị gửi đâu ạ... huhu

    Trả lờiXóa
    Trả lời
    1. Chi cám on em nhieu nhieu nha!Chicūng chúc em nām moi doi dao suc khoe,van su nhu y nhé!
      Cái link anh chi dua luôn tu lúc em hoi roi mà.Em quay lai bài viet do là thay hoac doi chi chút chieu ranh vô máy tính chi se mang qua cho.Gio dùng di dong ko làm duoc.

      Xóa
  47. Hề nhô! ngày mới tốt lành nha bồ iu... rạo nài bận dộn nên chả đến thăn tui già cả. GHÉT nha

    Trả lờiXóa
    Trả lời
    1. Hề nhô ! Hì hì ! Thêm 1 bà lão nữa chống gậy qua thăm nà !
      [img]http://i1249.photobucket.com/albums/hh509/Chuonchuonot2010/HappyNewYearWineGlassesBottle_zps79e8c157.gif [/img]

      Xóa
    2. @LG:Hay giận dỗi,trách móc thía ngừi đẹp LG ơi!Mừ từ khi tui thăm bồ cách đây 2 ngày tới giờ,bữa nay bồ mới qua tui chơi đó,còn trách dề?Toàn "trách ngược" không hà!Ớt nhở?
      @ Ớt:Bữa nay mùng 4 rùi vưỡn ăn Tết,vưỡn nhậu hả Ớt?Hi..hi..Chơi luôn,hổng say,hổng zìa đó nha!Zô...

      Xóa
  48. Hay quá ! Mình cảm ơn bạn nhiều nha !

    Trả lờiXóa
  49. Trời đọc hoài mà ko biết làm buồn thiệt hic...
    Chúc chủ nhân một buổi chiều thật vui nha.

    Trả lờiXóa
    Trả lời
    1. Không khó đâu bạn.Cứ thử đi.Nếu không được thì TA sẽ giúp!

      Xóa
  50. Em thích lắm mà đọc đau đâu k hiểu được,huhu @};

    Trả lờiXóa
    Trả lời
    1. Cái này dễ lắm em ơi!Em đã biết cách thêm tiện ích HTML rồi chứ hả?Em thêm 1 cái tiện ích đó vô bố cục rồi rê chuột kéo nó về nơi em thích.Sau đó tìm 1 trong 3 cái code ở trên thay địa chỉ blog của em vô,dán vô tiện ích-nhấ nút lưu là xong.

      Xóa
Mẹo Comment Chèn Emoticons
:))
:-t
:D
:p
:)
:(
:-o
:-*
=((
=))
:((
[-(
:-h
\m/
@};-
>:D<
[-X
=D>
*-:)
B-)
:">
:-bd
8->
I-)
:x
X(
;;)
;)
:-$
:-/

Lên đầu trang
Vào giữa trang
Xuống cuối trang