Tiện ích chèn ảnh bằng thẻ và biểu tượng cảm xúc vào comment của blogspot

Tiện ích chèn ảnh bằng thẻ và biểu tượng cảm xúc vào comment của blogspot

Trong ảnh minh họa ở trên, có sự khác nhau trong 2 còm trả lời (reply) của DVD khi trả lời nhận xét (comment) của bạn hữu:

- Còm trả lời ở phía trên vẫn còn nguyên link ảnh, do trước đây DVD dùng tiện ích "Dán link ảnh trực tiếp vào comment"; nhưng giờ đây thủ thuật này gây lỗi hệ thống comment, làm cho chủ nhà (admin) không thể trả lời (reply) riêng từng nhận xét (comment) của bạn hữu, nên DVD phải gỡ bỏ tiện ích dán link ảnh trực tiếp vào comment để hệ thống comment của blog hoạt động bình thường trở lại, và link ảnh được dán trực tiếp vẫn là link ảnh chứ không ra ảnh như còm trả lời phía dưới.

- Còm trả lời ở phía dưới hiện ảnh ngon lành, vì sau khi gỡ bỏ tiện ích "Dán link ảnh trực tiếp vào comment", DVD thay thế bằng tiện ích "Chèn ảnh bằng thẻ vào comment". Dùng tiện ích này, hệ thống comment trong blog của DVD vẫn hoạt động bình thường (là hệ thống comment 2 cấp mặc định của blogspot); DVD thoải mái trả lời (reply) cho riêng từng bạn hữu đã ghi nhận xét (comment) khi thăm blog của DVD.

* Đặc điểm của tiện ích:

- Dùng tiện ích HTML/JavaScript trong bố cục của blog, không cần phải chỉnh sửa HTML của blogspot.

- Có biểu tượng cảm xúc (emoticons) của Zing hoặc của Yahoo.

- Chèn mọi định dạng ảnh (có đuôi hoặc không đuôi), mọi kích thước ảnh dù lớn vẫn tự động thu gọn trong khung nhận xét (khung comment) mà không bị tràn ra ngoài khung. Chèn ảnh bằng thẻ theo cú pháp: [img]link hình ảnh URL[/img]

          

CÁCH THỰC HIỆN:

Bước 1: Cài đặt tiện ích vào blog.

1. Đăng nhập blog - Thiết kế - Bố cục

2. Nhấp "Thêm tiện ích" trong khung sidebar (bên phải hoặc bên trái khung bài đăng) hoặc trong khung footer ở phía dưới giao diện bố cục.

3. Nhấp chọn tiện ích HTML/JavaScript, để trống tiêu đề, copy 1 trong 2 code dưới đây dán vào khung nội dung của tiện ích

- Code dùng 15 emoticons Zing:

<script type='text/javascript'>
//<![CDATA[
function replaceText(){if(!document.getElementById){return;}
bodyText = document.getElementById("comment-holder");
theText = bodyText.innerHTML;
theText = theText.replace(/\[img\].*?'.*?\[\/img\]/gi, "");
theText = theText.replace(/\[img\]/gi, "<div style='clear:both'></div><img style='float:left;margin:10px 0;border:1px solid #DDD;max-width:95%;background:#FFF;padding:1px' src='");
theText = theText.replace(/\[\/img\]/gi, "'/><div style='clear:both'></div>");
theText = theText.replace(/&amp;feature=/gi, "?rel=0' '");
theText = theText.replace(/:\)\)/gi, "<img src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt_XVZKI/AAAAAAAAATI/Q35_W0anT6A/s25/21.gif'/>");
theText = theText.replace(/=d&gt;/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzUt1yQI/AAAAAAAAATY/QHNvnj0gYbU/s25/41.gif'/>");
theText = theText.replace(/:d/gi, "<img src='http://lh3.ggpht.com/_u7a1IFxc4WI/TM-voxnkRKI/AAAAAAAAAS4/PjDn098vm3w/s25/4.gif'/>");
theText = theText.replace(/:p/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpDb68dI/AAAAAAAAAS8/Yv0Uu3qzG_Q/s25/10.gif'/>");
theText = theText.replace(/:\(\(/gi, "<img src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt5z16MI/AAAAAAAAATE/Hx-7Thmr6do/s31/20.gif'/>");
theText = theText.replace(/:\)/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voiNIw2I/AAAAAAAAASw/aav2hwqeG0c/s25/1.gif'/>");
theText = theText.replace(/:\(/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voq7QQnI/AAAAAAAAAS0/UzoFJOCcPPU/s25/2.gif'/>");
theText = theText.replace(/:-\?/gi, "<img src='http://lh5.ggpht.com/_u7a1IFxc4WI/TM-vua5MF2I/AAAAAAAAATU/N4X-ouMd1-I/s25/39.gif'/>");
theText = theText.replace(/\[\-\(/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuMg6RQI/AAAAAAAAATQ/rWj7euuKOZs/s25/33.gif'/>");
theText = theText.replace(/:-o/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpLiW1GI/AAAAAAAAATA/fPyPJcBks7s/s25/13.gif'/>");
theText = theText.replace(/:-t/gi, "<img src='http://lh3.ggpht.com/_u7a1IFxc4WI/TM-vz4hwcNI/AAAAAAAAATo/4ySXuvQWma8/s25/104.gif'/>");
theText = theText.replace(/:-ss/gi, "<img src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vzUOH79I/AAAAAAAAATc/oNE5H5vcNtI/s25/42.gif'/>");
theText = theText.replace(/b-\(/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzrqI4MI/AAAAAAAAATk/BhfFnT0Gbro/s25/66.gif'/>");
theText = theText.replace(/@-\)/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vziH8NXI/AAAAAAAAATg/2evEbN2cJwc/s25/43.gif'/>");
theText = theText.replace(/=\)\)/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuJ1G41I/AAAAAAAAATM/_jLHXvz6PTg/s25/24.gif'/>");
bodyText.innerHTML = theText;
}replaceText();
//]]>
</script>

- Code dùng 27 emoticons Yahoo:

<script type='text/javascript'>
//<![CDATA[
function replaceText(){if(!document.getElementById){return;}
bodyText = document.getElementById("comment-holder");
theText = bodyText.innerHTML;
theText = theText.replace(/\[img\].*?'.*?\[\/img\]/gi, "");
theText = theText.replace(/\[img\]/gi, "<div style='clear:both'></div><img style='float:left;margin:10px 0;border:1px solid #DDD;max-width:95%;background:#FFF;padding:1px' src='");
theText = theText.replace(/\[\/img\]/gi, "'/><div style='clear:both'></div>");
theText = theText.replace(/&amp;feature=/gi, "?rel=0' '");
theText = theText.replace(/\:\(\(/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' />");
theText = theText.replace (/\:\(/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>");
theText = theText.replace (/\:\)\)/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>");
theText = theText.replace (/\~X\(/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>");
theText = theText.replace (/\:\-h/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif'/>");
theText = theText.replace (/\:-\?/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/39.gif'/>");
theText = theText.replace (/b-\)/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif'/>");
theText = theText.replace(/\*\-\:\)/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/58.gif'/>");
theText = theText.replace(/\~O\)/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/57.gif'/>");
theText = theText.replace (/\@\}\;\-/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/53.gif'/>");
theText = theText.replace(/\&gt;\:\D\&lt;/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/6.gif' alt='>:-D<'/>");
theText =theText.replace(/\=\)\)/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' alt='=)'/>");
theText = theText.replace (/\:\)/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>");
theText = theText.replace(/\:\-\*/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' />");
theText = theText.replace(/\:D/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' alt=':-D'/>");
theText = theText.replace(/\[-*x/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/68.gif' alt='[-X'/>");
theText = theText.replace(/\s*x\(/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' alt='X('/>");
theText = theText.replace(/\:-O/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' alt=':-O'/>");
theText = theText.replace(/\&gt;:P/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' alt='>:P'/>"); 
theText = theText.replace(/\=D&gt;/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif' alt='=D>'/>");
theText = theText.replace (/\:\@\)/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/49.gif'/>");
theText = theText.replace (/\:\P/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>");
theText = theText.replace (/\:\"\&gt;/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/9.gif'/>");
theText = theText.replace(/\;;\)/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' />");
theText = theText.replace(/\;\)/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' alt=';)'/>");
theText = theText.replace(/\:x/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'alt=':X'/>");
theText = theText.replace(/\=\(\(/ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' alt='=('/>");
theText = theText.replace(/\:\-\//ig,"<img style='border: 0; padding:0'  src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' alt=':-C'/>");
bodyText.innerHTML = theText;
}replaceText();
//]]>
</script>

4. Nhấp "Lưu" tiện ích.
5. Di chuyển tiện ích vào vị trí tùy ý (khung sidebar hoặc khung footer) trong bố cục của blog.
6. Nhấp "Lưu sắp xếp" phía trên bên phải giao diện bố cục.
7. Nhấp "Xem blog" phía trên bên trái giao diện bố cục để xem kết quả của trang blog.

@ Code ở Bước 1 là code chính thức, làm cho ảnh và emoticons hiện ra trong comment, không cần thực hiện thêm bước nào khác.
Tuy nhiên, để người vào thăm blog biết cách dán ảnh, biết ký tự thay thế cho emotinconts để gõ vào comment, ta nên thực hiện thêm Bước 2.

Bước 2: Tạo thông báo hướng dẫn ký tự emoticons, cách chèn ảnh cho mọi người biết khi vào thăm blog.

Vì "Thư thông báo mẫu nhận xét" trong phần "Bài đăng, nhận xét và chia sẻ", mục "Cài đặt" dưới "Bố cục" của blog không chấp nhận thẻ [...]......[/...] nên phải dùng tiện ích HTML/JavaScript để tạo hướng dẫn ký tự emoticons và cách chèn ảnh vào comment cho mọi người biết khi vào thăm blog. Cách thực hiện như sau:

1. Vào "Bố cục", nhấp "Thêm tiện ích" trong khung footer phía dưới của giao diện Bố cục.
2. Để trống tiêu đề, copy 1 trong 2 code dưới đây dán vào khung nội dung của tiện ích:

- Code ký tự emoticons Zing:

<div style='width:
500px; text-align: left; border: 1px solid #cdc9c9;margin:0px auto; padding:
5px; background: #eee9e9; height:86'><b>
<img border='0' height='25' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS75QGQMdjNKfIjYA82Np-zppM-To8M-CVt11fKXuKlyv1Zqk8TXANZGnIUB9ctn55XYz09O1hXxFAtfF3MOuUch2VhB3DZdDA75SOxiGL_ggO9RcKC2fYjzLqtsfWnEOZtgH24K20OXQ/s36/03.gif' width='25'/>:)) 
 <img border='0' height='26' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb1lQcHQktulv-2aeG1tUZyDvadHqyZvizQUCa8Re8i2B8w4DVkY_RrtfGC52n_V1Wa18eP29v1NhYvC7zwsQoYjV2Yo1PDyPEONLIu_pm2qXXwbDWjjz6CWx9_u-rm1_eRo3MxumSfu0/s47/06.gif' width='30'/>:(( 
 <img border='0' height='25' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt44rBl7KpNXsHhaN1_A5s2pJCybCzmsyREk6xmVRwYIKiQkoEaQFA2YYVYCPXZmqBd57f42k_Q8vL8KLEVF5sxhQUYdiLFb9YH3fmsGct6JIQ1_xrQA6kl6zF6CEGTUOFVaJ_M6HsCbw/s36/01.gif' width='25'/>:) 
 <img border='0' height='25' src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vzUOH79I/AAAAAAAAATc/oNE5H5vcNtI/s25/42.gif' width='25'/>:-ss 
 <img border='0' height='25' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAViH0KRBN8C_UVkMrECs1ISgbaTIgIjFK74eh-vKPGKQygI7pUkNJ4Qbzl1TXK7ZO_9MVpJCZmDpcoHTxGCM4L-8uai4mEo-8UWtZO6VS2RDFvKkdDVyBP-JZWhccOcAI7PS0OOi7Rqk/s36/03a.gif' width='25'/>=)) 
 <img border='0' height='25' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfesj5NP5SjlEHifnbLuY0gG2Zqm5Ze2UsC1LsiK7GlyWdg4SCh1SGQLBiBlSGTEzPYy4o9OT_aeZEuzbPpCLNzIJG7QFXNgm0yGIBobJUfdS2RPf3Ih0-DK69w3ZfRDP3i1mE1226G3E/s36/04.gif' width='25'/>:( 
 <img border='0' height='25' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8wx-8u-KqHYtuNCLKssx5hiU2vn-te6HOjjnfXHt4Us1D6m2oPOmWuPWSJwhW7qGhHgosiJTSwbjeorMzpZkuC6Zj9xhEmCIzzz4G2VSeB_pVe_BFm8ClmAIKwQJ9zzEsb3wYqrmL860/s36/8.gif' width='25'/>:d
 <img border='0' height='25' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgix9tNDSQsc2S2l7u_ooddttF_L6ydhBMdJ-djTs8TXP8b-N8jSRi-F70-UsGaWNcY-U7n4E3TF2FlUzYPsV9YkFTfCn-6on9pMpAGdxvaKeMMHPhV-kEW3wJQSsCpEni671ueOFj_tNI/s36/09.gif' width='25'/>@-) 
 <img border='0' height='25' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWV1aWHv61OGjgRpZlP5zF-IdVmSk2FKMIhgJaFk87Tota99dF5OheFoV1bgWT75LooL8xtbBWCgp-MukdYGLRSOI_NTeIeZRteaEFusPHe8E8elVArgvihscat5aPlNi86NRADcci5hY/s36/10.gif' width='25'/>:p 
 <img border='0' height='25' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4EL-kEEFMRiSR7sbSH2xPBtO-kvYQrZzfrxUg-c90fjTYv_AZz73lEP6Kv6Dl5PjY3CYA5ckahDz2d0swB1qHqFImJwVaeZCJIETC0O1c83HOSxRoSJF_QsIzP4BknoQBp7jVoVgsgFA/s36/11.gif' width='25'/>:-o 
 <img border='0' height='25' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj48LfWcwL9T4MsMFqttEHRLfMJdUehge6Px_G0-g6AMmY6-wL4rvzfjzR1Yl1fM_uUPDZL4_gsIlp325lGdeMuztsLT4dC6O6IqHWSDFHVvaIDkWadjS6PfAMyqJcRNZZflRdkpnl8pKA/s36/14.gif' width='25'/>[-( 
 <img border='0' height='25' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-k7LRv68ef0LWQ16u__ZJDLCJaWIuXBrSNR69lGgKUTFd0njSar0N156-uhu48r_qdULb5w3nCyCDQZUOwhw_Een5UDo3sT1srt9HeUSxlvyhrYTXo6DeoOXrSsOKHW4got-_7JTY3PM/s36/15.gif' width='25'/>:-? 
 <img border='0' height='25' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibmBxQffHQCEK0BSAUl9nkIqrRznxovcMbra9zM2X9e2o5vj34sPBFRO29yT6FO2jMLkPT01OY9w_XcSnuwVW120kkGpDzahLVV57XhJFoSdTGH25ZIkGULIAKNMiOKMgypWWKUoIZCz8/s36/20.gif' width='25'/>:-t 
 <img border='0' height='25' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi19ss4WbQRvCFUaGQyZCxdfeNkpsMS68uTJkNQLYC-lmSJZUlgnaKgJji-r8NE0s1B28_bBBhqaPdoA8NbxDLOy3_qUHpUpSazGVkO9X7mOjWSBrXrUHO5BvGQSeaO9oMZANv-MpOU1lc/s35/22.gif' width='25'/>b-( 
 <img border='0' height='25' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUijlBUKVvKMNQjnregQa_ooMKV6l8lHAKBG1Zpz9aFejV-FnTsDGDyvnriIU2Le02Mw11Tl6d4qAAet9LXWT16S68uTF0cPrEDaBJU89m8KWdN_WFBf1-09q6deY9331iq-FlrX2_uis/s36/30.gif' width='25'/>=d&gt;  
 </b>
</div>
<br />
<b>Hướng dẫn viết nhận xét:</b><br/>
 - Copy ký tự bên phải emo muốn chọn và dán vào khung nhận xét.<br/>
 - Dán ảnh vào khung nhận xét dùng thẻ: <b>[img]link hình ảnh URL[/img]</b><br/>

- Code ký tự emoticons yahoo:

<div style='width:
500px; text-align: left; border: 1px solid #cdc9c9;margin:0px auto; padding: 5px; background: #eee9e9; height:86'><b>
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='18'/>:((   
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/>:(  
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/>:))  
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='40'/>~X(  
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif' width='30'/>:-h  
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/39.gif'width='18'/>:-?   
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif' width='18'/>b-)     
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/58.gif' width='30'/>*-:)     
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/57.gif' width='18'/>~O) 
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/53.gif' width='18'/>@};-   
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/6.gif' width='40'/>>:D<  
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/>=))   
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/>:)  
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/>:-*     
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/>:D 
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/68.gif' width='25'/>[-X   
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='38'/>x( 
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/>:-o 
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif' width='18'/>=D> 
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/49.gif' width='18'/>:@)   
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/>:P 
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/9.gif' width='18'/>:"> 
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/>;;)   
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/>;) 
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/>:X  
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/>=(( 
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/>:-/  
</img border='0'></b>
</div>
<br />
<b>Hướng dẫn viết nhận xét:</b><br/>
 - Copy ký tự bên phải emo muốn chọn và dán vào khung nhận xét.<br/>
 - Dán ảnh vào khung nhận xét dùng thẻ: <b>[img]link hình ảnh URL[/img]</b><br/>

@ width: 500px - là chiều rộng của khung chứa emoticons và ký tự, có thể thay đổi số 500 tùy ý để khung rộng hơn hoặc hẹp hơn.

3. Nếu không thích hiện bảng các emoticon và ký tự (xem trước bảng emoticons yahoo và ký tự bên dưới trang này), thì chỉ cần copy nội dung chữ màu đỏ và chữ màu xanh dưới đây, dán vào khung nội dung của tiện ích, có thể thay đổi nội dung chữ màu xanh tùy ý nhưng nên giữ lại chữ màu đỏ.

<b>Chú ý:</b>
 - Dán ảnh vào khung nhận xét dùng thẻ: <b>[img]link hình ảnh URL[/img]</b><br/>
 - Thêm một vài biểu tượng cảm xúc...

4. Nhấp "Lưu" tiện ích.

5. Chắn chắn rằng tiện ích hướng dẫn nằm trên tiện ích chèn ảnh nếu tiện ích chèn ảnh cũng nằm trong khung footer của bố cục của blog.
6. Nhấp "Lưu sắp xếp" phía trên bên phải giao diện bố cục.
7. Nhấp "Xem blog" phía trên bên trái giao diện bố cục để xem kết quả của trang blog.

@ Code ở Bước 2 chỉ có tác dụng thông báo hướng dẫn; không có tác dụng làm cho ảnh và emoticons hiện ra trong comment.

Vậy là xong!

dovaden2010

Nguồn: Sưu tầm từ internet.