Chèn biểu tượng cảm xúc vào nhận xét dạng input

Demo luôn :1)

Nhận xét này đã bị tác giả xóa.

Nhận xét này đã bị tác giả xóa.

Nhận xét này đã bị tác giả xóa.

:-SS

:2)

Nhận xét này đã bị tác giả xóa.

@Fairstar:ok

:-t :D) :D) :D) :D) :D) :D) :D) :D) :ok

Nhận xét này đã bị tác giả xóa.

Nhận xét này đã bị tác giả xóa.

:4)

:O) :O) :O) :O)

@Nông Lâm Vô Đối Tuyệt vời

@Nông Lâm Vô Đối Like (+1) :4) :4) :4)

:1)

@Nông Lâm Vô ĐốiBác này tự sướng à. Menu cho blogspot mới Loại menu mới , các bạn ghé xem sao nè http://nguyenhaicntt.blogspot.com/2012/02/huong-dan-tao-menu-nhu-blog.html

http://nguyenhaicntt.blogspot.com/2012/02/huong-dan-tao-menu-nhu-blog.html

@Mr.Nguyễn Hải ™ Uk hay đó mình giới thiệu ở Blog mình nha. Tất nhiên nguồn sẽ dẫn từ trang của bạn + 1 link Direct tới bài đó.:3) :3)
À Avantar bài viết của bạn bị tràn bạn tìm đoạn Code này;
.avatar-image-container{width:60px;height:60px;padding:3px;border:1px solid #e1e1e1;border-radius:3px}
.avatar-image-container img{background:#fff url(https://lh5.googleusercontent.com/_U0QaeycS3vw/TaIZKFQaZhI/AAAAAAAAAgs/EHae7BaOcAY/anonymous.png) no-repeat;width:60px;height:60px}

Và xóa nó đi thử coi.
Vì nó xung khắc với đoạn này này:
.cm_avatar {
float: left;
width: 36px;
height: 36px;
background: white;
border: 1px solid #CCC;
padding: 3px;
margin-right: 5px;
}
.cm_avatar img {
width: 36px;
height: 36px;
background: url(http://anonymouscreativity.tumblr.com/images/anonymous_avatar_96.gif) center center no-repeat;
}
Chúc thành công!

@Mr.Nguyễn Hải ™ Nhầm không phải Avantar bài viết mà là Avantar Comment. bạn xóa 1 trong 2 đoạn Code bên trên thử coi nha.:3) :3)

Mặt cười hihihi:D) bị lỗi rồi

@Minh Tâm Cảm ơn bạn :3) :3) :3)
để mình coi lại coi thế nào :3) :3) :3)

@Fairstar Cuối bài hướng dẫn này mình có cung cấp các link ảnh phụ đó. bạn Copy link để thay là dduwwocj :D) :D) :D)

Cảm ơn bạn :3)

@[R.K] group Không có gì chia sẻ cộng đồng mà bạn :3) :3)

:3)

Cho mình hỏi sao mình làm ko được nhỉ
chèn trên
[
.....]
cái thứ nhất thì ko hiện, chèn trên code ở trên thứ 2 thì hiện nhưng lại ở dưới comment và chèn code vào thì ko hiện mặt cười dù đã để đúng trường ID rùi :B)
Help me !!

Quên mất là chèn code vào trên data:blogTeamBlogMessage
thứ nhất thì hiện nhưng cứ có 1 comment là nó lại biên mất tiêu emotion và comment ấy cũng ko hiện emotion :B)
buồn tập 2

@ASC Bạn coi lại coi đã xác định đung
bodyText = document.getElementById('comments-block');
chưa nha :3) :3) :3)

@Fairstar Bạn đang dùng Thread Comment mặc định của Blogger do vậy bạn có thể làm cách sau xem sao:
Thay dòng:
bodyText = document.getElementById('comments-block');
Thành dòng:
bodyText = document.getElementById("comment-holder");
Chúc thành công!:3) :3) :3)

Cám ơn bạn, mình thay lại ID comments-block
thành cái khác thì được dù cả 2 cái đều là "comments-block" thì ko được
Nhưng lại xảy ra lỗi JavaScrip bấm vào emotion ko hiện ra code

Cám ơn bạn mình làm theo bạn oki rùi (chắc do xung đột) Nhưng phần emotion mình đặt trên code data:blogTeamBlogMessage/.....
thứ 1 thì ko hiện , đặt dưới code ấy thứ 2 thì nó hiện nhưng nằm ở cưới phần comment
bạn xem giúp mình nhé, mình cám ơn ..

@ASC Bạn lưu ý nha thẻ:
<data:blogTeamBlogMessage/>
ở blog sử dụng Thread Comment mặc định của Blogger thường có 4 thẻ do vậy bạn thử với từng thẻ nha.
Bạn có thể xem Demo mình vừa test tại đây Demo Comment

@Fairstar Tiện đây nhắc bạn luôn do mẫu Thread Comment mặc định của Blogger mà bạn đang dùng nên thủ thuật Chèn ảnh, video, nhạc vào comment Blogger bạn đang áp dụng không có tác dụng :3) :3)
Bạn nên thay luôn đoạn này :
bodyText = document.getElementById("Blog1");
Thành
bodyText = document.getElementById("comment-holder");
Chúc thành công! :3) :3) :3)

Mình Cám ơn bạn nhiều lắm,và mình đã thử hết từng cái rùi , nhưng vẫn chỉ hiện lúc chưa có comment nào thui còn có comment thì lại ko hiện bảng. nên mình đành cho nó xuống cái thứ 3 để hiện ở dưới bảng comment
thì nó hiện luôn luôn.

Và cho mình hỏi nữa là mình thêm emotion vào nhưng mình đã chỉnh lại weidth của emotion rùi mà vẫn chỉ thêm được khoảng mấy cái nữa thui nhỉ, ko hiện hết

A được rùi hiện hết rùi, cám ơn bạn nhiều nhiều nhé

@ASC Không có gì :3) :3) :3) Nếu có gì thắc mắc bạn cứ hỏi nha. :3) :3) :3)

Ah mình hơi tham, cho mình hỏi tiếp la muốn hiện emotion ấy sang widget khác thì ta chỉ cần gọi cái hàm ấy sang thui phải ko nhỉ, mà mình làm mãi ho được ^^

Bạn có thể chỉ mình được ko, cụ thể là mình muốn chèn sang widget hiển thị các comment mới nhất
Mình Cám ơn trước

@ASC Cái này hiện tại chưa được đâu bạn vì linh Javarscrip của nhận xét mới nhất dùng feed để mã hóa.

Ui Chán nhỉ :B)

Mình cám ơn, bạn nhiệt tình lắm

@ASC Không có gì vì cộng đồng Blog phát triển hơn mà :3) :3) :3)

Blog của bạn nhiều thông tin hay quá. Cám ơn bạn nhé!

@manhcuongnavireal Không có gì đâu bạn ơi :3) :3) :3)

Nam ơi! Giúp mình với:( Mình làm giống như bài viết đã hướng dẫn mà nó không hiện ra emotion:(. link site minh: http://www.admincaptcha.info; mình đang làm thu thuật emotion này: Chèn biểu tượng cảm xúc vào nhận xét dạng input (Update 20/02/2012)

Mình làm chưa được, theo hướng dẫn bài viết mà vẫn chưa được, không biêt mình có làm sai bước nào không? Nam giúp mình với. site: http://www.admincaptcha.info,template của site: http://www.mediafire.com/download.php?s4wo4mytg3oao2d. Nam giúp mình với nhé! Cảm ơn Nam nhiều lắm.

@Admin bạn Download về nha. mình Edit rùi đó. http://www.mediafire.com/view/?56v3a6ov6mkj0x2:3) :3) :3)

Được rùi, cảm ơn Nam nhiều lắm :3) :3) :3) :3)hihi

@Fairstar Quyên mất. Bạn xóa đoạn code sau trong phần back to top của bạn đi nha.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
Đoạn đó thừa đó không cần thiết đâu do vậy hãy xóa nó đi.

ok,Thanks Nam:3)

@Admin Không có gì đâu :3) :3) :3)

@VN-Alertpay:3) :3)

share full code đoạn đó đi mình tải về rùi dán ra là xong đc ko Nam
http://pysdx.blogspot.com/

:G) :G) :G) :G) :G) :G) :3)

@trung kien phan Đây là full rùi mà bạn. :3) :3) :3)

:d

Anh hướng dẫn giúp em cách làm nút trả lời dưới mỗi nhận xét như blog của anh zới!!! Cho em thanks trước!!!

@Hiển Pro Có 2 cách:

1. Cách 1: chỉ thêm nút replly (trả lời) vào nhận xét em xem bài này: Tạo nút Reply cho nhận xét Blogger (nút Trả lời)

2. Cách 2 tạo comment phân cấp như của anh em xem bài này: Chèn comment phân cấp vào Blogspot của bạn vers 1:3) :3) :3)

Anh Nam ơi tình hình là đã làm y như anh hướng dẫn...cơ mà smile chỉ hiện ở comment đầu tiên thôi..từ cm thứ 2 trở đi thì không hiện nữa..:"D a giúp em được không ạ..

Đoạn này, thì chữ màu đỏ thay bằng cái gì ạ..
// Script to insert Emoticons and Links on Blogspot Comments V1 by www.thuthuatblogger.info
function comments_URL() {
var r = prompt("Nhập địa chỉ trang", "http://");
var p = prompt("Nhập link text hiển thị", "Text");
if(r != "") ; if(p != ""){
document.getElementById('comments_input').value += "<a href='" + r + "' rel='nofollow'>" + p + "<\/a>";
} else {
alert("Bạn đã nhập xong dữ liệu");
}
}
function comments_HTML() {
document.getElementById('comments_input').value += '<a href=\'http://URL dẫn đến link \'>Trang<\/a>';

Nhận xét này đã bị tác giả xóa.

@Trần Phụng Anh Phần màu đỏ em có thể để nguyên mặc định hoặc thay đổi thành các từ ngữ khác nếu em muốn. Còn phần chỉ hiện ở nhận xét đầu là do em đặt vị trí đoạn code 6 chưa đúng.

anh oi, sau khi chèn thành công thì chữ "bài đăng trước", "bài đăng sau" nó bị văng ra 1 bên làm sao đây anh ơi?

Em có cài theo hướng dẫn của anh và đã được rồi, tuy nhiên cái emotions nó chỉ hiện ở phần trang chủ thôi ạ. Anh có thể cho em biết phải khắc phục thế nào không ạ? Em cám ơn anh nhiều!

@Chu Văn An Bạn nên đặt đoạn code thứ 2 ở bước 6 vào giũa đoạn code sau:

<b:if cond='data:blog.pageType == "item"'>
đặt vào đây
</b:if>

Nhận xét này đã bị tác giả xóa.

Bạn ơi! Sao mình làm theo đúng hướng dẫn mà bạn chỉ dẫn cho bạn ASC nhưng sao vẫn chưa được.
Nó chỉ hiện lúc chưa có comment nào thôi, còn có comment thì lại ko hiện nữa. (Bị lỗi hệt như bạn ASC nói vậy, nhưng bạn ASC biết cách khắc phục sau đó, còn mình khắc phục hoài mà chưa được)

Tuy nhiên, có lẽ giờ mình k cài biểu tượng cũng k sao. Nhưng bạn có thể chỉ giúp mình cách thêm cái đoạn "Nội quy" trước phần "Đăng một nhận xét" như bạn từng làm được chứ bạn? (xem link:
http://namkna.blogspot.com/2012/05/tao-ong-ho-bang-javarscipt-cho-blogger.html#.UKYH4mfO9lJ

Mình cảm ơn bạn trước nha! :) :O)

Cái phần có nội dung vầy nè:
"Cám ơn đã đọc bài viết!
- Từ ngày 14/08/2011 để tránh Spam do vậy Comment nặc danh xẽ bị khóa
- Hãy viết bằng tiếng Việt có dấu để mọi người dễ đọc hơn!
- Mọi thắc mắc, gợi ý hoặc bình luận xin chia sẻ bên dưới hoặc Gửi thư hay Báo lỗi
- Các bạn có thể mã hóa Code TẠI ĐÂY
Thank You!"

Giúp mình với nha bạn!
Thanks bạn nhiều nhiều! :O)

@Thiện Nguyện Xanh
1. Về bài chèn icon mặt cười này:
Bạn đang dùng Thread Comment mặc định của Blogger do vậy bạn có thể làm cách sau xem sao:
Thay dòng:

bodyText = document.getElementById('comments-block');

Thành dòng:

bodyText = document.getElementById("comment-holder");

2. Về phần nội quy phần nhận xét bạn có thể xem bài này: Tạo khung nội quy nhận xét đóng tự động

hay qúa

Mình đã làm được khung nhận xét rồi! Cảm ơn bạn Nam Tạ nhiều lắm nha!
Bạn rất nhiệt tình, rồi bạn sẽ sớm thành công!
Chúc bạn buổi tối vui vẻ nhé!
Thân!
À! Nhờ bạn giúp mình cái vụ Menu xổ dọc 1 cấp với nha bạn! Mình có để lại comment trong bài viết: http://namkna.blogspot.com/2012/03/menu-ngang-xo-doc-mot-cap-cho-blogspot.html?showComment=1355318448499#.UMlbBPJSNJG

@Thiện Nguyện Xanh Mình đã trả lời bạn rùi đó.

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

Sao tui làm theo làm theo mà chỉ cmt được 1 lần xong không thấy mặt cười đâu nữa để chọn nhỉ?:C) :C) :C) :C) :C) :C)

Mình tìm đi tìm lại nhưng k thấy cái thẻ BODY đâu... bạn có thể hướng dẫn mình cụ thể hơn k?

@Linhgiang Thẻ </body> blog nào cũng có. bạn bấm Ctrl + F mà tìm sẽ thấy.

sao em làm hoài nó ko hiện ra mặt cười vậy anh? blog có 3 đoạn
data:blogTeamBlogMessage ......vậy phải đặt ở đoạn nào vậy ??

Loay hoay 1 lúc mới làm được ,anh cho em hỏi là tại sao khi có 1 nhận xét thì cái bảng mặt cười với bảng nội quy mới hiện ra .nếu ko có nhận xét nói thì nó mất . ko biết bị lỗi gì anh giúp em với nhé. blog của em CHINH TRUC BLOG

Anh Nam giúp em chỉnh sửa lỗi không hiển thị emticon với.
Blog của em: http://ceewave.blogspot.com

Em đang làm demo mà sao khó quá

anh Nam cho em hỏi là em muốn lấy bộ emoticons của web này thì lấy ntn anh nhỉ ? http://blog.uhm.vn/emo/babysoldier/. Để chèn vào blogspot phần comment

em cảm ơn anh. Nhưng mà ví dụ em muốn cả list hình cười của web đó thì phải làm thế nào ạ. Và nếu em muốn chuyển hết mấy ảnh đó về host của mình để dùng lâu dài thì phải làm tn ạ. em rất mong được anh giúp đỡ em cảm ơn anh

Nhận xét này đã bị tác giả xóa.

Em xóa những đoạn anh tô vàng là được nha :)

Không có gì đâu em :)

bạn ơi ,sao mình làm xong comment thử mà nó không hiện ra số khung nhận xét ,bạn chỉ giúp mình cách hiện ra số khung với ,blog mình mới tạo đây http://thuvientaichinh.blogspot.com/
Thanks bạn trước nha .....

Nhận xét này đã bị tác giả xóa.

cái bước 5 , mình thấy có 4 đoạn .. ... , vậy điền đoạn nào cũng được hở bác :D

Nhận xét này đã bị quản trị viên blog xóa.