Tiện ích chèn emoticons yahoo; chèn trực tiếp link ảnh vào comment của blogspot

Cập nhật ngày 28/12/2018:
Code này chỉ để tham khảo, không áp dụng được vì gây lỗi nút "Trả lời" của blog.

Thủ thuật này được thực hiện rất đơn giản bằng cách thêm Tiện ích HTML/Javascript của blogspot mà không cần phải chỉnh sửa HTML của blogspot.

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

1. Đăng nhập blog - Thiết kế - Bố cục - thêm tiện ích.

2. Chọn tiện ích HTML/Javascript.

3. Copy đoạn code trong khung ở cuối bài đăng này dán vào nội dung của tiện ích HTML/Javascript, muốn đặt tên tiêu đề hay không tùy ý - thường thì không đặt tên vì tiện ích này chạy ngầm trong blog.

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

5. Kéo tiện ích vào vị trí tùy ý trong khung bên cạnh khung bài đăng - thường đặt ở vị trí cuối cùng của bài đăng, dưới khung bài đăng hoặc trên chân trang blog cho gần với khung nhận xét.

6. Nhấp lưu sắp xếp.

7. Vào Cài đặt - Bài đăng, nhận xét và chia sẻ - Thư thông báo mẫu nhận xét. 

Copy và dán nội dung dưới đây vào trong khung chữ nhật:

Các bạn có thể:

- Copy và dán trực tiếp link ảnh (đuôi gif, jpg, jpeg, png, bmp) vào khung nhận xét.

- Copy ký tự biểu tượng cảm xúc và dán vào khung nhận xét.

8. Nhấp "Lưu cài đặt".

9. Nhấp Xem blog - các emoticons yahoo và ký tự tương ứng xuất hiện trên blog ngay tại vị trí đặt tiện ích.

*Điều chỉnh:

width: 560px là chiều rộng của tiện ích HTML/Javascrip trên trang blog, các bạn có thể thay đổi số 560 bằng một số khác cho thích hợp với vị trí đặt tiện ích trong blog của các bạn.

<script src='https://dl.dropbox.com/s/ih8nl0iq1wb6ikn/emo-pic-colo-nhac-video-dvd.js' type='text/javascript'/></script>

<div style='width: 560px; 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'/>:-/  
</b>
</div>

* Xem khung các emoticons yahoo và ký tự tương ứng dưới khung nhận xét của blog này, khung này chỉ là phần code hiện ký tự tương ứng, không phải là code hiện ảnh trong comment. Bạn nào không thích hiện khung này thì chỉ cần copy đoạn code đầu để dán vào tiện ích HTML/Javascript, như sau:

<script src='https://dl.dropbox.com/s/ih8nl0iq1wb6ikn/emo-pic-colo-nhac-video-dvd.js' type='text/javascript'/></script>

*Chú ý:

Nếu các bạn thực hiện xong thủ thuật mà không thấy kết quả, có thể là do 1 trong các nguyên nhân như sau:

1. Copy và dán chưa đúng với nội dung code ở trên.

2. Tiện ích này xung đột với tiện ích nào đó đang chạy trong blog.

3. Đã chỉnh sửa HTML của blog để chèn emoticons và ảnh trong comment trước đó.
4. Code không phù hợp với HTML của blog.

Khắc phục:

- Trường hợp 1: Kiểm tra lại nội dung code copy và dán trong tiện ích.

- Trường hợp 2: Kiểm tra lại các tiện ích khác đang chạy trong blog bằng cách thử bỏ bớt lần lượt các tiện ích đó, khi phát hiện tiện ích bị xung đột thì phải chọn một trong hai tiện ích mà thôi!

- Trường hợp 3: Loại bỏ các code đã thêm, đã thay đổi trong HTML của blog, nếu lỡ quên thì đành phải bỏ tiện ích này hoặc dùng lại HTML gốc của blog để chạy tiện ích.
- Trường hợp 4: Dùng các thủ thuật khác cho blog về chèn ảnh và emoticons vào comment.