Tạo tiện ích biểu tượng cảm xúc và comment cho blog

Hôm nay tôi sẽ chia sẻ với các bạn cách tạo biểu tượng cảm xúc(emoticon) để chèn vào khung comment của Blogspot. 
- Ưu điểm của tiện ích: Làm cho phần comment sinh động, hấp dẫn - khiến người truy cập có hứng thú comment hơn.

- Nhược điểm của tiện ích: Do phải sử dụng hình động và JavaScript nên làm giảm tốc độ "chạy" của blog. Có vẻ như Google không "thích" tiện ích này và không muốn chúng ta thêm vào Blogspot.

Cách tạo tiện ích emoticon comment

1. Đăng nhập vào blog, bấm "Thiết kế"- "Trang tổng quan" - "Mẫu" - "Chỉnh sửa HTML".
2. Dán đoạn mã trong khung dưới đây trước (phía trên) thẻ đóng: </head>  
(Vì cần giảm tải cho bài viết nên mình không đăng ảnh chụp màn hình hướng dẫn cách tìm các thẻ nữa. Các bạn chưa quen có thể tham khảo cách tìm các thẻ tại: BÀI VIẾT NÀY!).
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' 
type='text/javascript'/>
<script src='https://ivyth.googlecode.com/svn/js/emoticon.min.js' 
type='text/javascript'/>

 
3. Tiếp tục dán đoạn mã trong khung dưới vào trước (phía trên) thẻ đóng: </body> , hoặc dưới thẻ : <body> hoặc ngay sau đoạn mã vừa chèn trước thẻ: </head> cũng được.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function () {emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
  topText:"Cách chèn biểu tượng cảm xúc:",
emoMessage:"Bấm vào biểu tượng muốn chèn, sau đó copy mã biểu tượng trong ô nhỏ bên cạnh và dán vào khung comment."
})
});
//]]>
</script>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function () {emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Cách chèn biểu tượng cảm xúc:",
emoMessage:"Bấm vào biểu tượng muốn chèn, sau đó copy mã biểu tượng trong ô nhỏ bên cạnh và dán vào khung comment."
})
});
//]]>
</script>
</b:if> 
4. Bấm "Lưu mẫu" để hoàn tất và trở lại trang chủ xem kết quả.
Chúc các bạn thành công!
 

Lượt Xem Blog:

37,487,154

Click Vào Để Thích Blog