10 thg 9, 2007

Emoticon dành cho Blogger

DangLVH
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 (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
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ì ...)
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.

About the Author

DangLVH / Author & Editor

Has laoreet percipitur ad. Vide interesset in mei, no his legimus verterem. Et nostrum imperdiet appellantur usu, mnesarchum referrentur id vim.

10 comments:

  1. Script emotion YHT đã áp dụng cho blog rồi nhưng chỉ để vài cái, nhiều quá loạn cả lên, hehhe.
    Có điều là phần load script lại để ở onload nên nếu dùng NEO thì chỉ khi nào refresh trang bài viết mới được replace text 2 emotions, chuyển bài viết trong NEO thì không được.
    Đăng xem xét lại code và đưa cái câu gọi hàm replace vô ngay chổ load content thử, khi đó nó mới phát huy được tác dụng khi load bài mới ở NEO.

    Trả lờiXóa
  2. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
  3. thank <--- ko biết có cái hack nào giống cái mod Thank bên forum ko ta, đỡ mắc công post comment :D

    Trả lờiXóa
  4. Bài viết trên được sưu tầm và edit bởi Gman đó. Qua đó cám mơn em mình 1 phát.
    http://gman-blog.blogspot.com

    Trả lờiXóa
  5. YHT ơi, dc rùi nè, vô test thử xem YHT, :D :D :D :D
    :) :) :) :) :) :) :)

    Trả lờiXóa
  6. nó chỉ hiện lên mõi khi load trang blog lên thui Gman ơi, vì anh sài NEO nên khi click vào bài mới trong Recent Post thì nó không gọi dc hàm replace, phải edit cái code NEO lại một tí, chỉ cần thêm cái hàm replace đó đúng chổ thì khi load bài viết trong recent post thì nó sẽ gọi hàm replace trong emotion. Anh đã gọi cái hàm trong hàm updatePost trong code NEO rui mà ko dc. Đang bận làm bài nên chưa rãnh để mài mò nữa.

    Trả lờiXóa

Recent Posts

Posts

Popular Posts