Label Cloud

Saturday, December 8, 2007

Emoticon cho Blogger - updated

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ừ DashboardEdit 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 ;) ;)
:-/ :-/    

 

10 comments:

Anonymous said...

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ú!

Anonymous said...

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.

Anonymous said...

hey man, it really works. Awesome! you're so great gman ^^.

Anonymous said...

@vợ cả ;))
chồng mà :bz

Anonymous said...

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 ^^

Anonymous said...

em cũng sẽ thử viết lại code sao cho người dùng dễ thêm emoticon mới vào.

Anonymous said...

ghê ghê =))
phức tạp wa' =))

Anonymous said...

More than one section was found with id: main. Section IDs should be unique.
Là sao zậy bạn,hix hix!!!

Anonymous said...

ý 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'>

</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

Anonymous said...

VUI VUI

Followers