Label Cloud

Wednesday, July 4, 2007

Emoticon dành cho Blogger

Sau bao ngày thì hôm nay mình cũng hoàn thành cái script cho người dùng Blogger, giúp họ có thể sử dụng các loại emoticon trong chính blog của mình. Hiện nay đã có 54 cái emoticon quen thuộc của Yahoo!Messenger 8 :"> ;;) ;)) :-c(chi tiết).

Tác giả:
Nguồn: tham khảo từ Daleclick
Chỉnh sửa, viết bài: Gman


Cách sử dụng :>
Khi bạn soạn một bài viết, bạn thoải mái dùng cái ký tự thay thế như trong Yahoo!Messenger. Sau khi post bài, người xem sẽ thấy những ký tự đó chuyển thành các emoticon quen thuộc. :-?


Còn đây là cách cài đặt :o)
1./ Log in vào blog của bạn www.blogger.com
2./ Từ giao diện Dashboard → tìm tới blog bạn muốn chèn emoticon → chọn layout.
3./ Tại trang Blogger :: Edit Layout → chọn Edit HTML
4./ Tại trang Blogger :: Edit Template HTML → tìm vùng Edit Template
5./ Trong phần mã nguồn → tìm tới đoạn

]]></b:skin>
chỗ này sẽ bỏ trống nếu đây là lần đầu bạn vào nghịch ở đây
</head>

6./ Copy đoạn mã này vào ngay dưới dòng ]]></b:skin>

<script src='http://site.gman.googlepages.com/Emoticon.js' type='text/javascript'/> <!-- Emoticon as typing -->

Bạn sẽ thu được kết quả như sau:

]]></b:skin>
<script src='http://site.gman.googlepages.com/Emoticon.js' type='text/javascript'/> <!-- Emoticon as typing -->
</head>

7./ Cũng tại đây, tìm tiếp dòng <body> rồi sửa lại thành
<body id='emoticon' onload='replaceText();'>

8./ Sau đó bạn nhấn nút để lưu kết quả là xong.


Chống chỉ định:
Chỉ có thể sử dụng trong Blogger mà thôi, Opera, Typepad, Wordpress không thể dùng được.


Phản ứng phụ:
Làm trang blog của bạn load về hơi chậm (nhưng lợi ích nó mang lại thì =p~...)
Nếu bạn thấy nó quá chậm, hãy thử đổi dòng

http://site.gman.googlepages.com/Emoticon.js
thành
http://site.gman.googlepages.com/emoticon.JS
Có thể nó giúp được bạn.


Giải thích ý nghĩa:
Code dùng hàm replace để chuyển các ký tự bạn định sẵn thành các ký tự khác. Ở đây là chuyển các dấu thành các file hình emoticon.



1 comment:

Anonymous said...

ủa, vậy là nó đâu có hiện nguyên cái source cho mình đâu hả gman.
Mình chỉ nhớ mấy phím tắt rồi type ra hả?
Test :)

Followers

Blog Archive