Thay thế biểu tượng cảm xúc (emoticons) cho website theo ý thích

Hiện tại, vì công việc quá bận rộn nên mình không còn thời gian để post bài và duy trì nội dung cho blog nữa. Do đó tại thời điểm này, mình quyết định ngừng phát triển blog. Mọi bài viết sẽ vẫn được lưu trữ và mình sẽ cố gắng hỗ trợ tất cả các bạn khi có comment hỏi. Cảm ơn các bạn đã ủng hộ blog suốt thời gian qua !
Tuy uCoz có hỗ trợ rất nhiều bộ Emotions với đủ màu sắc khác nhau cho website nhưng nếu bạn không thích hoặc muốn có một bộ emotions độc đáo của riêng mình thì có thể tự xây dựng theo hướng dẫn dưới đây...


Trước hết bạn cần có một bộ emotions với đầy đủ các trạng thái biểu cảm. Bạn có thể search trên Google hoặc download các bộ emotions mà mình đã sưu tầm sẵn theo link dưới đây:




 Sau khi có 1 bộ emotions ưng ý, có 2 cách để bạn đưa bộ emotions này lên website.

Cách thứ nhất: (cách này thực hiện đơn giản nhưng các biểu tượng hiển thị rất lộn xộn và không thể dùng các kí hiệu để thay thế được)

  Bạn đưa tất cả các emotion vào 1 thư mục, đặt tên là sml và upload lên thư mục gốc của bạn (nên dùng ftp để upload cho nhanh).

  Thế là xong, uCoz tự động hiểu các hình ảnh trong thư mục này là các emotion, bạn không cần chỉnh sửa gì thêm. 

 Cách thứ hai: (tuy không phức tạp nhưng yêu cầu hơi tốn thời gian chút, nhưng kết quả rất tuyệt vời )

  Bạn upload thư mục chứa các emotions lên host. Ví dụ ở đây mình đặt tên thư mục là emotion, upload lên thư mục gốc.

  Bạn Login vào ACP --> Smileys Editor

  Tại trang Smileys Editor, bạn nhấn vào nút Add smiley sẽ hiện ra một khung như thế này:


   + Phần Image file for a smiley: bạn chọn đến file biểu cảm (ví dụ file 1.gif trong bộ emotions_yahoo8.rar mình share có hình mặt cười)

  + Phần Code for calling smiley: kí tự biểu diễn cho biểu tượng (vd trong hình là cho biểu tượng mặt cười)

  + Phần Show this smiley near the form: đánh dấu chọn vào đây nếu bạn muốn biểu tượng này luôn xuất hiện trong các form post bài hoặc comment

   Tiếp tục, nhấn Add để bắt đầu thêm biểu tượng. 

   Các biểu tượng khác trong bộ emotions, bạn lần lượt thêm vào bằng cách trên. Nếu thành công bạn sẽ có 1 bộ emotions như thế này:



   Bây giờ, công việc còn lại của bạn là set bộ emotions vừa tạo làm bộ emotions chính của website. Bạn vào Setting --> Common settings, kéo xuống dưới cùng. Ở mục Smileys set, chọn Custom set of smileys rồi nhấn Save để hoàn tất.

   Thế là bạn đã có thể xây dựng cho mình một bộ emotion theo ý muốn, chúc các bạn thành công!

   Demo có thể xem trên trang web của mình (hiện mình đang dùng bộ emotions của Yahoo! đó ;)
 

Web Design Technology blogs [ itdl ] Auto Backlink

HomeBlog ArchiveServicesLink2MeContactSubmit your PostPost RSS

Copyright © 2012 [ itdl ] Just for Share. Designed by Ngoc Luong - Freelancer

Best view in Chrome 11+, Firefox 5+ with resolution 1024 x 768 pixel. Powered by Blogger.