Emoticon dành cho Blogger

Updated


Phiên bản 3: http://gman-blog.blogspot.com/2009/07/emoticon-for-blogger-version-3.html


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.


15 comments:

  1. ủ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 :)

    ReplyDelete
  2. chính xác là thế chị ạ. Chị có thể thao khảo toàn bộ emoticon ở đây

    ReplyDelete
  3. Anh ơi, <body onload='replaceText();'> làm ảnh hưởng nhìu code khác wa, nó chạy sai hết trơn, có cách nào chỉnh ko anh !? :((

    ReplyDelete
  4. Cảm ơn nhiều nha, mình lục tung google cả ngày nay ko kiếm được tut nào ưng ý thì gặp cái này. Quá tuyệt vời, mong bạn phát huy làm sao hiện cả bảng emoticons ra kéo được vào nữa hén!

    Tham khảo mấy cách này ko cách nào bằng của bạn đâu:
    http://bloggerstop.net/2009/01/add-smiliey-emotions-to-bloggerblogspot.html (cho comments, nhiều khi ko work)
    http://anshuldudeja.blogspot.com/2009/03/how-add-yahoo-smileys-emotions-in.html (cho bài viết, phải cài mà ra cái khung xấu hoắc)
    http://www.messengeroo.com/yahoo-messenger/tips-tricks/add-yahoo-messenger-emoticons-smileys-on-blog-wordpress-blogspot-etc/ (ko cài nhưng phải mở 2 cửa sổ và vẫn có cái khung xấu òm)
    http://gman-blog.blogspot.com/2007/06/emoticon-dnh-cho-blogger.html (tuyệt vời nhất, giá kể hoàn thiện thêm chút nữa :x

    Thanks so much!

    ReplyDelete
  5. How about em cho cái ký tự vào giữa " " rồi nhận cả cái đó ko phải smiley? Hì, chị hô đại vậy thôi ko đủ trình độ để biết nó có khả thi hay ko đâu nha. Định quay lại vote 5 sao cho bài này mà ko thấy chỗ nào để vote cả. Chúc em tiếp tục phát huy!

    ReplyDelete
  6. Mình đã laà được rồi, vui quá, cảm ơn Gman :))
    Here: http://www.duyanhblog.com/

    ReplyDelete
  7. hiện tại mình đã có bản update thứ 3 cho Emoticon rồi.
    Bạn có thể tham khảo tại đây
    http://gman-blog.blogspot.com/2009/07/emoticon-for-blogger-version-3.html"

    ReplyDelete
  8. sao no work zậy :(( Mình chèn đúng rồi mà :_?

    ReplyDelete
  9. a làm được rồi. nhưng nếu viết ký tự của các smileys gần nhau thì chúng xuống dòng chứ ko thẳng hàng. hì. Không sao cả. Cảm ơn nha!

    ReplyDelete

You can use some HTML tags, such as <b>, <i>, <a>