Bài viết này sẽ giúp bạn có những emoticon của Yahoo!Messenger xuất hiện trên blog. Khi soạn bài, bạn chỉ cần gõ vào các ký tự như :), khi hiển thị nó sẽ thành :).
Các emotic on chỉ hiển thị trên blog, sau khi blog đã được load xong hết.
Cách thực hiện:
Bước 1:
Các bạn mở phần Edit HTML trong blog ra.
(từ Dashboard → Edit Layout → chọn Edit HTML)
Sao lưu template hiện tại
(Download Full Template)
Bước 2:
Tìm tới đoạn code sau:
<head>
Thêm dòng này vào ngay dưới <head>
<script src='http://site.gman.googlepages.com/Emoticon.js ' type='text/javascript'/>
tìm tiếp tới dòng:
<body>
sửa lại thành:
<body onload='replaceText();'>
Tìm đoạn:
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Bài đăng trên Blog' type='Blog'/>
</b:section>
Sửa thành
<div id='emoticon'>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Bài đăng trên Blog' type='Blog'/>
</b:section>
</div> <!-- end emoticon -->
sau đó lưu template lại
Sau đây là bảng ký tự tắt của tất cả 95 emoticon (vâng, 95).| Hình | ký tự | Hình | ký tự |
| :) | :) | 8-X | 8-X |
| :bz | :bz | *-:) | *-:) |
| :D | :D | ~O) | ~O) |
| ^#(^ | ^#(^ | (~~) | (~~) |
| x_x | x_x | **== | **== |
| :!! | :!! | ~:> | ~:> |
| \m/ | \m/ | :(|) | :(|) |
| :-bd | :-bd | 3:-O | 3:-O |
| :-q | :-q | :@) | :@) |
| >:) | >:) | %-( | %-( |
| #:-S | #:-S | :-?? | :-?? |
| :-S | :-S | :o3 | :o3 |
| B-) | B-) | <):) | <):) |
| ~:> | ~:> | >:P | >:P |
| X( | X( | :-w | :-w |
| :-O | :-O | :^o | :^o |
| =(( | =(( | @-) | @-) |
| :-* | :-* | #-o | #-o |
| :P | :P | :-? | :-? |
| :"> | :"> | (:| | (:| |
| ~X( | ~X( | <:-P | <:-P |
| :)] | :)] | 8-} | 8-} |
| :-c | :-c | :O) | :O) |
| =; | =; | :-& | :-& |
| :-B | :-B | :-$ | :-$ |
| O:-) | O:-) | [-( | [-( |
| =)) | =)) | %%- | %%- |
| /:) | /:) | @};- | @};- |
| :| | :| | :-< | :-< |
| :)) | :)) | :-SS | :-SS |
| :(( | :(( | =D> | =D> |
| :( | :( | =P~ | =P~ |
| :-h | :-h | (*) | (*) |
| :-t | :-t | :-j | :-j |
| 8-> | 8-> | ^:)^ | ^:)^ |
| I-) | I-) | :-@ | :-@ |
| 8-| | 8-| | ;)) | ;)) |
| L-) | L-) | >:/ | >:/ |
| >:D< | >:D< | \:D/ | \:D/ |
| ;;) | ;;) | [-X | [-X |
| [-O< | [-O< | :)>- | :)>- |
| :-L | :-L | b-( | b-( |
| >-) | >-) | :-" | :-" |
| =:) | =:) | $-) | $-) |
| (%) | (%) | o=> | o=> |
| o-+ | o-+ | o-> | o-> |
| :x | :x | ;) | ;) |
| :-/ | :-/ |
bài viết được phattrienso copy tại http://gman-blog.blogspot.com. Chân thành cám ơn tác giả.
Cám ơn entry rất hay này của phattrienso . Mình cũng làm xong rồi . Bạn có thể viết entry chỉ cách chèn emotion cho phần comment của blogspot không ? Mình thấy có nhiều blogspot làm cái phần emotion comment đẹp quá . Làm theo cách của mấy bạn khác lại làm không được . Cám ơn bạn , chúc Chủ Nhật vui vẻ !
ReplyDelete:x
ReplyDeleteupdate version 3 nè anh
ReplyDeletehttp://gman-blog.blogspot.com/2009/07/emoticon-for-blogger-version-3.html
Cám ơn Gman nhiều nhé, anh sẽ update bài này
ReplyDeletetroi oi khong co tu truoc sua lai sao??
ReplyDeletemình thử rùi, ok, nhưng bị mất tác dụng cân bằng cột, ko biết làm sao để cột bên sidebar cân bằng với cột bài viết nên thôi ~.~
ReplyDelete