• Tư vấn điều trị
      bệnh khàn tiếng


    www.trikhantieng.com

    Liên hệ + 0913163316

BlogList111

Việt Nam Gia Phả, nơi lưu trữ Gia Phả của người Việt Nam  Kiến thức Blogspot Ngonluanho: Nhung cau chuyen thap lua-Tin-Cay-Men Vngreenzone Là một nơi chia sẻ kinh nghiệm làm blogger - Nơi tôn vinh tâm hồn blogger Việt

Đưa biểu tượng cảm xúc vào bài viết và nhận xét Blogger

29
06/12/2010

Sau khi tạo được cách đưa biểu tượng cảm xúc :4) vào nhận xét, mình vẫn trăn trở về việc làm cách nào để đưa biểu tượng cảm xúc vào bài viết Blogger. Lang thang trên mạng Internet mình tìm thấy nhiều blogger bình luận về đề tài này. Đối với Wordpress thì việc đưa biểu tượng cảm xúc vào bài viết thật quá dễ dàng bởi vì Wordpress có tính năng tự động chuyển các nhóm ký tự định sẵn thành các biểu tượng cảm xúc. Tuy nhiên đối với Blogger thì không có tính năng đó. Chẳng lẽ Blogger đành bó tay hay sao? :20)

Sau nhiều lần lang thang Internet, mình lại học hỏi thêm nhiều điều thú vị, phát hiện Cộng đồng Blogger có nhiều bài viết giới thiệu cách đưa biểu tượng cảm xúc vào bài viết Blogger nhờ đến addon Greasemonkey của Firefox để cài đặt vào công cụ đăng bài viết của Blogger (Edit Posts). Ví dụ như ở Blog Blog Blogger-emoticon hay Blog Boyprod. Và tất nhiên các thủ thuật này chỉ hiển thị trên công cụ trình duyệt Firefox mà thôi, thật buồn cho Internet Explorer quá. :10)

Qua quá trình miệt mài nghiên cứu, cuối cùng mình đã thử nghiệm thành công thủ thuật Đưa biểu tượng cảm xúc vào bài viết và nhận xét Blogger (Emoticons for Blogger Posts and Comments) hoạt động trên tất cả các công cụ trình duyệt. Có lẽ đây là một trong những tin vui :6) dành cho những người yêu thích Blogger.

Nét độc đáo của thủ thuật này là có thể đưa biểu tượng cảm xúc vào bài viết, vào nhận xét (của độc giả và của tác giả/admin), vào cả tiện ích (widget).

Xem Demo.

Mình cho rằng bạn sẽ thích thủ thuật này và nghĩ ngay đến việc cài đặt cho blogspot của mình. Hãy làm theo các bước sau đây.

1. Vào Settings (Cài đặt) >> Comments (Nhận xét) >> chọn Embedded below post (Nhúng bên dưới bài đăng) rồi nhấn Save Settings (Lưu Cài đặt).

2. Vào Design (Thiết kế) >> Edit HTML (Chỉnh sửa HTML) chọn Expand Widget Templates (Mở rộng mẫu tiện ích).

Tìm dòng <b:if cond='data:post.embedCommentForm'> và đặt sau nó với toàn bộ đoạn code sau đây.

<div style='width: 383px; text-align: left; border: 1px solid #cdc9c9;margin:0px auto; padding: 5px; background: #eee9e9; height:86'>
<b>
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/>:))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/>w-)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/78.gif' width='26'/>:-j
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/>:D
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/>;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/>:p
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/>:_(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/>:)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/>:(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/>:X
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/>=((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/>:-o
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/>:-*
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/>:|
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/>:-T
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/>:]
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/>x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif' width='30'/>o%
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/>b-(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/>:-L
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/>@X
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/>=))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/39.gif' width='18'/>:-?
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif' width='28'/>:-h
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif' width='21'/>I-)
</b>
</div>

3. Tiếp tục đặt đoạn code dưới đây vào trước thẻ </body>.

<script src='http://hacodeproject.googlecode.com/files/emoticon4blogger.js' type='text/javascript'></script>

Lưu Template là OK.

Như vậy mỗi khi bạn viết bài hay viết nhận xét, nếu muốn đưa biểu tượng cảm xúc vào thì chỉ cần đánh nhóm ký tự đại diện cho biểu tượng cảm xúc tương ứng thì sẽ thành công.

{29 bình luậnAdd yours ?}

Dsadsad
13:43:00, 23 thg 12, 2010

:D

Reply
14:23:00, 23 thg 12, 2010

Bạn hãy test trong trang demo chứ trên blog này k áp dụng cho Comment được vì tớ dùng hệ thống Comment của Disqus mà. Trang Demo: http://pagenavi1demo.blogspot.com/2010/12/ua-bieu-tuong-cam-xuc-vao-bai-viet-va.html

Reply
Phimonline
00:12:00, 26 thg 12, 2010

hay quá

Reply
13:12:00, 12 thg 2, 2011

:D

Reply
10:43:00, 21 thg 2, 2011

a ơi làm không được, em muốn làm bộ zing emoticons thì làn thế nào...

Reply
02:43:00, 22 thg 3, 2011

thanks bạn , mình đã làm đc , nhưng cho mình hỏi
mình nhìn thấy trong demo , comment được đóng khung lại rất đẹp bạn có thể hướng dẫn mình làm như vậy không ?
(mới chuyển web qua blog đc 6 ngày nên hơi gà mong mọi người thông cảm :( )

Reply
07:31:00, 22 thg 3, 2011

À, đó là style cho comment-body đấy mà. Đặt code CSS như bên dưới trước dòng ]]></b:skin>

#comments-block .comment-body { margin:0; padding:15px 10px 5px 10px;
background:#e6e6e6 url(http://3.bp.blogspot.com/_Z8F7gBEfQSU/S_Rz8i1266I/AAAAAAAAAEQ/P-5A6FJxqMQ/s1600/comment-triangle2-1.gif) no-repeat left top; }
#comments-block .comment-body p { margin:0 }
:51)

Reply
12:35:00, 22 thg 3, 2011

oh ! minh làm đc rồi ! nhìn thì đơn gian nhưng lại rất đẹp và dễ đọc comment !
cảm ơn bạn rất nhiều !

Reply
14:22:00, 15 thg 4, 2011

xin chào bạn ! mình là admin trang gamehay.net sau khi làm đc thủ thuật trên mình phát hiện ra có 1 lỗi sau : các phân loại nhãn không trỏ đúng link nữa ! ví dụ bạn vào blog mình xem box thể loại hiện nay có nhãn " Thể thao - Đua xe" và " Thể Loại Khác" bị lỗi ! mong bạn giúp mình fixx lỗi ! chân thành cảm ơn bạn

Reply
16:11:00, 15 thg 4, 2011

Do bạn đặt tên nhãn, một số tên nhãn phiên ký tự bị trùng với ký tự của emoticons nên bị vậy thôi, bạn có thể đổi ký tự đại diện khác cho emoticons chứ k nhất thiết như mặc định

Reply
21:53:00, 15 thg 4, 2011

oh ! thanks bạn ! mình đã fix đc

Reply
22:44:00, 9 thg 5, 2011

Bạn ơi, bạn xem dùm mình cái được không bạn. Mình làm thử trên một blog mới thì được nhưng không thấy tác dụng trên blog này http://hanguyen1441.blogspot.com/

Reply
23:34:00, 13 thg 7, 2011

:55) bao giờ thì có thể chèn nó = 1 cái click nhờ,mình thấy có mấy blogger có rồi.Cố giúp anh em với bác Hà nhé.À,hình như bác Hà sn 79 ? Hơn em 2 tuổi :68)

Reply
15:43:00, 14 thg 7, 2011

Dạng input emoticon chỉ làm được cho Popup Comment Form, còn cái comment mặc định của Blogger dùng iframe nên sao chèn bằng 1 cái click được. Wordpress thì có tính năng đó được. E nói thấy mấy blogger có rồi là blogger nào... thế

Reply
09:20:00, 17 thg 7, 2011

@Huỳnh Nhật HàChẳng laex hôm đó mình bị mờ mắt,hic

Reply
21:45:00, 25 thg 8, 2011

:56) thích các icon này của bạn quá, bạn chia sẻ widget comment này đi bạn

Reply
17:12:00, 7 thg 11, 2011

:5) a Hà ơi, phiền a nữa đây, em vừa vọc bài viết này trên blog em xong, mà hok thấy kết quả gì hết. a xử lý giùm em nhá.

Reply
15:52:00, 9 thg 11, 2011

:1) :2) :5) :4)

Reply
12:44:00, 17 thg 1, 2012

:5)

Reply
12:26:00, 8 thg 4, 2012

:1)

Reply
00:05:00, 22 thg 5, 2012

33

Reply
10:12:00, 15 thg 5, 2013

Link file js đã die rồi,có thể fix lại link khác giúp mình không,cảm ơn

Reply
17:19:00, 20 thg 9, 2013

bạn đặt liên kết với mình nhé!
Địa chỉ Blog:http://tienganhgioi123.blogspot.com
Tên hiển thị : tienganhgioi123
Favico : http://img547.imageshack.us/img547/7521/xvys.jpg
Nội dung blog: tienganhgioi123 - Blog Học Anh Văn| Nơi Chia Sẽ Những Bí Quyết Và Kinh Nghiệm Để Học Tốt Tiếng Anh|Phương Pháp Luyện Listening-Speaking-Reading-Writing Mới Nhất|Bài Test: Mini Test-Skill Test-Full Test|
mong nhận được hồi âm từ bạn....:D

Reply
21:16:00, 1 thg 6, 2015

:D

Reply
15:24:00, 28 thg 10, 2015

không hiểu, bạn chỉ rõ hơn đc ko

Reply
Nội quy! Đóng lại Khi bạn viết bình luận, cần tuân thủ một số quy tắc sau:
» Bình luận phải nghiêm túc và không chứa các liên kết quảng cáo.
» Có thể sử dụng các thẻ <b> … </b>,<i> … </i>, <a href="URL..."> ... </a>.
» Yêu cầu thủ thuật tại mục Yêu cầu thủ thuật hoặc hỏi tại mục Hỏi và Đáp.
More →
Chữ đậm Chữ nghiêng Chữ nghiêng 2 Chèn Link Chèn Link Mã hóa code Help ?Nhấn vào biểu tượng hoặc kiểu chữ hoặc chèn link sau đó nhấn nút Chọn rồi copy (Ctrl + C) để paste (Ctrl + V) vào khung viết bình luận. Mã hóa code nếu bạn muốn đưa code vào bình luận.

Chọn Xóa

Next post: Bài đăng Mới hơn

Previous post: Bài đăng Cũ hơn