Loading post navigation ...
 
 

Pro page

22
Nhận xét

Thủ thuật yêu cầu : Chèn biểu tượng vui vào khung sọan thảo của bài viết

| by Phan Dũng | views

Hãy nhấn thanks để ủng hộ tác giả

Install Emoticons To Post Editor
[FD's BlOg] - Sau thủ thuật chèn biểu tượng vui vào form comment. Có bạn hỏi mình, là thủ thuật có áp dụng cho bài viết được không. Và mình có trả lời là có thể. Và hôm nay mình cũng xin post 1 bài hướng dẫn cái chèn các biểu tượng vui vào phần sọan thảo bài viết.

Hình ảnh minh họa:


Kết quả hiển thị ngòai layout:

Trước khi thực hiện thủ thuật, mình xin lưu ý là : Muốn thực hiện thủ thuật này, bạn phải dùng trình duyệt web là Firefox. Do vậy, bạn cũng sẽ phải dùng Firefox để sọan thảo bài viết. Và 1 điều nữa là thủ thuật này(các biểu tượng trong khung sọan thảo) chỉ hiển thị với firefox đã cài đặt tiện ích này, tức là chỉ hiển thị với máy của bạn. Còn kết quả hiển thị ngòai layout thì ta ko cần phải lo.
Nếu bạn nào chưa có cài đặt Firefox thì có thể download ở đây về để cài vào máy của mình.

Bây giờ ta bắt đầu với các bước sau::
☼ Bước 1 : Mở trình duyệt Firefox
☼ Bước 2 : Cài đặt Greasemonkey , các bạn nhấp vào link này https://addons.mozilla.org/en-US/firefox/addon/748 , sau đó nhấn vào nút Add to Firefox (xem hình bên dưới)


- Sau khi cài đặt xong nó sẽ đòi bạn phải restart firefox, nhấn vào nút restart firefox để restart (như hình bên dưới)


Sau khi restart Firefox, một cửa sổ popup hiện lên thông báo "Đã cài đặt Greasemonkey" vào firefox , và bên dưới góc phải của Firefox sẽ có 1 biểu tượng nho nhỏ (như hình bên dưới)



☼ Bước 3: Cài đặt bộ biểu tượng vui của Yahoo, các bạn nhấn vào đây để cài đặt. Sau khi nhấn vào file, một của sổ popup hiên ra (như hình bên dưới) và nhấn Install để cài đặt:

Kết quả:

-Nếu các bạn muốn cài đặt thêm bộ Onion Emoticons (như hình bên dưới), thì tiếp tục nhấn vào link này, một cửa sổ popup cũng hiện ra tương tự như trên, và ta cũng nhấn install để cài đặt, và kết quả như bên dưới:



☼ Bước 5 :
- Vào bảng điều khiển
- Vào Bố cục (Layout)
- Vào chỉnh sửa code HTML
- Tìm dòng code ]]></b:skin> và dán lên trên nó đọan code CSS bên dưới:

img.emoticon {
padding: 0;
margin: 0;
border: 0;
}

- Save template.

Như vậy đã xong. Chúc các bạn thành công.


Enter your mail address:

22

Ngankvn ®

Tiếc đứt ruột !!! Nó ko chạy trên Blogger in Draft . Có cách không Zũng ????

fandung-tester

Cái này mình cũng không rành, mình quen dùng bên blogger.com thôi.
Sao Ngân không chạy thẳng bên blogger.com luôn.

Ngankvn ®

Vì Blogger in draft xài nhiều tính năng hay hơn !!
Nhất là khi tạo các link dẫn đến các chap truyện đọc online thì với bản Draft dễ làm hơn nhiều !!!

fandung

uh, thế hả :D

Khách (ẩn danh)

Anh Dũng ơi, em cài xong cái này của anh thì nó có hiện ra bộ emo, nhưng mà em ấn vào thì nó toàn chèn emo ở cuối trang, ko hiện ở chỗ nháy chuột. Thế là sao hả anh?

Minh.

Phan Dũng

@Minh: ủa sao lạ vậy nhỉ, anh cũng ko rõ nữa, máy anh mới cài lại nên ko còn cái này, nên giờ ko test được.

Nhưng mà em có thể di chuyển nó tới vị trí mình muốn hiển thị đc mà.

trantuan

http://fandung.110mb.com/JS-files/emoticons/asteegsmileys.user.js Mình dùng firefox nhấn vào link này Nó có hiện ra popup gì đâu Bạn, ra toàn text không à?

fandung

@trantuan : bạn đã thực hiện thành công bước 2 chưa, khi thực hiện xong bước 2, nếu thành công sẽ có hình con khỉ ở góc dưới bên phải. Khi đó thì nhấp vào link JS mà mình đưa nó mới hiện popup thông báo cài đặt. Còn như bạn, nó hiển thị luôn file JS dạng text thì tức là chưa cài đặt xong bước 2

Bạn xem lại nhé

sunny

Chịu không được anh Dũng ạ.Nếu em lập một trang mới tinh thì nó sẽ hiện lên ngay chứ add vào trang mình đang dùng thì nó chả hiện lên gì cả.Tức thế ko biết

fandung

@sunny : cơ bản là trang mới tinh của bạn chưa có tiện ích gì nhiều, nên thời gian load trang nhanh.

Còn với blog của bạn, có thể là có 1 vài tiện ích nào đó chưa load xong, nên chưa thể hiện được emoticons.

sunny
sunny

Ah,em làm được rồi.Cứ lúc post bài lên thì bật sẵn Html nên nó ẩn mất phần emoticons.Tức cái blog mãi cãi vụ nó không hiện emo.Giờ thì ổn rồi.Thanks anh.Mà ngoài emo yahoo và onion thì anh có cái emo nào khác không.Vd như cái emo bình sữa í.?

sunny

Mà sao cái emo cứ chạy xuống cuối cũng mà không trúng chỗ em chọn là sao hả anh?

Khách (ẩn danh)

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

12C2 mãi mãi một tình yêu

☼ Bước 3: Cài đặt bộ biểu tượng vui của Yahoo, các bạn nhấn ""vào đây"" để cài đặt. Sau khi nhấn vào file, một của sổ popup hiên ra (như hình bên dưới) và nhấn Install để cài đặt:
link ở phần "vào đây" die rùi...đề nghị FD check lại nhé

SimVip

toàn link die. pó tay. Thế giới sim VIP http://simvip.co.cc

Happy

Uh.Vô fandung.com toàn thấy link die ở host 110mb
Fix lại đi bạn.
Vuilenblog.co.cc

Khách (ẩn danh)

:)) thank anh

xdn-blogxd

Anh dũng FIX lại cái HOST ở bước 3 với.
Em cảm ơn

No Crazy

link die roai anh dung ơi fix lạ tj dj em dag ham cái này lắm :d

Phạm Đoàn

Mấy bạn chịu khó google search cái file js kia là ra mà, nó chạy trên win nên cũng không cần fix đâu, tốn bw của bạn ấy.

Tải yahooiconforblogger tại đây : http://www.mediafire.com/?zjzqum2mhyz

Rồi làm theo hướng dẫn của FanDung.

Nhưng chú ý là các bạn phải vào cài đặt, bật chế độ Soạn Thảo Cũ thì nó mới hiển thị, còn bình thườn blogger đã nâng cấp chế độ soạn thảo mới nên sẽ không hiện.

Vào phần Cài Đặt, chọn Cơ bản, kéo xuống dưới ở phần Cài Đặt Chung, tích vào Trình Chỉnh Sửa Cũ

Theo mình thì dùng trình soạn thảo mới cho tiện, tất nhiên là không có emotioncons.

dothang

:))



☺ Các bạn có thể viết lời bình của mình cho bài viết, và tuân thủ một số quy tắc sau:
» Các bài comment phải nghiêm túc, không dung tục, không spam.
» Nội dung phải liên quan tới chủ đề bài viết.
» Có thể sử dụng thẻ trích dẫn [quote], cấu trúc thẻ như bên dưới :

[quote=AUTHOR name=fdquote]NỘI DUNG[/quote]

» Có thể sử dụng các thẻ <b>,<i>,<a>.


BlOg FD chính thức đóng comment của khách ẩn danh.

BlOg FD.

[▼/▲] More Emoticons
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Newer Posts Older Posts Home