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 emoticon 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
(nút SAVE TEMPLATE màu đỏ)
Vậy là xong.
File: Emoticon.js
Người viết: Gman
http://gman-blog.blogspot.com
gmanvn [at] gmail [dot] com
Sau đây là bảng ký tự tắt của tất cả 95 emoticon (vâng, 95).
Nếu bạn thấy nó hữu ích với mình, hay có trục trặc gì khiến emoticon của bạn không hiện ra chính xác, hãy để lại comment, mình sẽ trả lời nếu có thể. \:D/
| 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 | ;) | ;) |
| :-/ | :-/ |
11 comments:
Hi Gman!
Blog của Gman có khá nhiều bài hay. Anh xin copy lại một số bài anh thích nhé. Cám ơn chú!
Bài viết rất hữu ích. Xin hỏi có thể nào thay thế mấycái ảnh YM thành ảnh Emo khác không? nguồn ảnh dùng của photobucket.
hey man, it really works. Awesome! you're so great gman ^^.
@vợ cả ;))
chồng mà :bz
bạn hoàn toàn có thể thay đổi các emoticon có sẵn. Hãy download file Emoticon.js về rồi thêm dòng
s = s.replace(/Ký_tự/ig, "link_hình"+" style='border:0; margin:0; padding:0;' />");
Ký_tự là Regular Expression nên phải chú ý:
1. trước các dấu [ ] { } \ / ( ) . ? + * ^ $ phải thêm dấu \
2. cái dấu <, >, & phải đổi thành <, >, &
Sau khi chỉnh sửa xong, hãy up lên 1 host nào đó, rồi sửa:
<script src='http://site.gman.googlepages.com/Emoticon.js' type='text/javascript'/>
thành link của file bạn mới up.
Hi, cám ơn đã trả lời cm nhé. EA sẽ thử nếu thành côgn sẽ đãi bạn 1 chầu...emo onion ^^
em cũng sẽ thử viết lại code sao cho người dùng dễ thêm emoticon mới vào.
ghê ghê =))
phức tạp wa' =))
More than one section was found with id: main. Section IDs should be unique.
Là sao zậy bạn,hix hix!!!
ý của nó là đã có sẵn 1 cái section có id là main rồi, bạn thêm 1 cái main nữa thì nó bị trùng.
theo mình nghĩ thì có lẽ bạn làm sai bước copy vào.
Bạn chỉ cần "bọc" dòng
<div id='emoticon'>
và
</div> <!-- end emoticon -->
bên ngoài cái
<b:section class='main' id='main' showaddelement='yes'>
...
</b:section>
bạn thử lại xem sao
cám ơn vì đã quan tâm tới cái code của mình
Gman
VUI VUI
Post a Comment