Cộng đồng Blogger Việt Nam
Rất vui khi bạn ghé thăm Diễn đàn Cộng đồng Blogger Việt Nam
Chúc bạn vui vẻ và tìm được thông tin mong muốn!
Hãy đăng ký thành viên để góp sức xây dựng Cộng đồng Blogger Việt Nam đoàn kết, cùng phát triển nhá!
Cộng đồng Blogger Việt Nam

Chia sẻ thủ thuật - Cùng nhau khám phá tìm hiểu và phát triển Blogger - Blogspot

Latest topics

» Mong muốn làm quen
by LynhSan 16/5/2018, 11:26 pm

» Template blogspot bán hàng chuẩn seo [đã tối ưu]
by Tuan khai 18/10/2017, 7:58 am

» [ Hỏi ] Về chỉnh sửa thanh menu ?
by hoang4rever 18/5/2016, 10:53 pm

» cách chỉnh sửa Menu Blogspot
by hoang4rever 18/5/2016, 10:38 pm

» Mong muốn làm quen mọi người trong 4rum
by huongnguyen8393@gmail.com 5/9/2015, 5:53 pm

» Thesic Blogspot Template (Latest version)
by nguyendang1208 20/7/2015, 9:43 am

» Zero Gravity Blogger Template
by nguyendang1208 20/7/2015, 9:40 am

» Chia sẻ DVTechPro - Template chuẩn SEO cho Blogger
by Admin 3/7/2015, 8:39 am

» Nhờ các bạn đánh giá Template!
by Thanh Vân 27/5/2015, 11:44 pm

» Làm quen Kết bạn
by Phương Hậu 13/5/2015, 5:30 pm

» Sửa lỗi ảnh blogspot không hiển thị do bị chặn
by Admin 3/4/2015, 9:13 am

» Tuyển nhân viên làm việc bán thời gian
by Admin 30/3/2015, 11:14 pm

» cách thêm cloud zoom hoặc magic zoom cho blogspot?
by Admin 30/3/2015, 11:11 pm

» blog phải đặt www đứng trước mới vào được (giúp em với)
by Admin 30/3/2015, 11:00 pm

» 7 bước để website được index nhanh lên google
by vqw 13/1/2015, 11:59 am

» Dùng Blogspot là web phim
by phim360pro 1/1/2015, 8:49 pm

» Cùng đặt liên kết để phát triển blog
by ktuan 17/12/2014, 10:57 am

» Tạo Tab widget bài viết mới nhất theo label
by dungbk68 16/12/2014, 9:33 am

» Label hiển thị không đúng số bài viết
by vanviet098 10/12/2014, 5:08 am

» Hỏi nhanh đáp gọn!
by Admin 14/11/2014, 5:05 pm

» BẤM MẮT HAI MÍ HÀN QUỐC
by rubybeauty81 28/10/2014, 1:18 am

Poll
Statistics
Diễn Đàn hiện có 635 thành viên
Chúng ta cùng chào mừng thành viên mới đăng ký: cuahangtemplate

Tổng số bài viết đã gửi vào diễn đàn là 503 in 165 subjects

You are not connected. Please login or register

Emoticons for Blogspot (work in IE) - Biểu tượng mặt cười cho Blogspot

Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

[blog.duypham.info]

1. Mở template và chèn đoạn mã dưới đây trước thẻ
Code:
</body>
Code:
<script type='text/javascript'>
//<![CDATA[
function replaceText(){if(!document.getElementById){return;}
bodyText = document.getElementById("emocomments");
theText = bodyText.innerHTML;
theText = theText.replace(/:\)\)/gi, "<img src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt_XVZKI/AAAAAAAAATI/Q35_W0anT6A/21.gif'/>");
theText = theText.replace(/=d>/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzUt1yQI/AAAAAAAAATY/QHNvnj0gYbU/41.gif'/>");
theText = theText.replace(/:d/gi, "<img src='http://lh3.ggpht.com/_u7a1IFxc4WI/TM-voxnkRKI/AAAAAAAAAS4/PjDn098vm3w/4.gif'/>");
theText = theText.replace(/:p/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpDb68dI/AAAAAAAAAS8/Yv0Uu3qzG_Q/10.gif'/>");
theText = theText.replace(/:\(\(/gi, "<img src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt5z16MI/AAAAAAAAATE/Hx-7Thmr6do/20.gif'/>");
theText = theText.replace(/:\)/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voiNIw2I/AAAAAAAAASw/aav2hwqeG0c/1.gif'/>");
theText = theText.replace(/:\(/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voq7QQnI/AAAAAAAAAS0/UzoFJOCcPPU/2.gif'/>");
theText = theText.replace(/:-\?/gi, "<img src='http://lh5.ggpht.com/_u7a1IFxc4WI/TM-vua5MF2I/AAAAAAAAATU/N4X-ouMd1-I/39.gif'/>");
theText = theText.replace(/\[\-\(/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuMg6RQI/AAAAAAAAATQ/rWj7euuKOZs/33.gif'/>");
theText = theText.replace(/:-o/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpLiW1GI/AAAAAAAAATA/fPyPJcBks7s/13.gif'/>");
theText = theText.replace(/:-t/gi, "<img src='http://lh3.ggpht.com/_u7a1IFxc4WI/TM-vz4hwcNI/AAAAAAAAATo/4ySXuvQWma8/104.gif'/>");
theText = theText.replace(/:-ss/gi, "<img src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vzUOH79I/AAAAAAAAATc/oNE5H5vcNtI/42.gif'/>");
theText = theText.replace(/b-\(/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzrqI4MI/AAAAAAAAATk/BhfFnT0Gbro/66.gif'/>");
theText = theText.replace(/@-\)/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vziH8NXI/AAAAAAAAATg/2evEbN2cJwc/43.gif'/>");
theText = theText.replace(/=\)\)/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuJ1G41I/AAAAAAAAATM/_jLHXvz6PTg/24.gif'/>");
bodyText.innerHTML = theText;
}replaceText();
//]]>
</script>
2. Tìm đến thẻ
Code:
<b:loop values='data:post.comments' var='comment'>
và thêm trước nó thẻ
Code:
<div id='emocomments'>
. Tìm thẻ đóng
Code:
</b:loop>
và thêm sau nó thẻ
Code:
</div>
.

3. Bước này là hiển thị những ký tự tắt và emoticons tương ứng với nó cho người đọc có thể biết được để chèn vào khung Nhận xét.




Tìm đến thẻ
Code:
<data:blogTeamBlogMessage/>
và chèn đoạn mã dưới đây vào sau nó:
Code:
<script type="text/javascript">
//<![CDATA[
function moreSmilies() {
    document.getElementById('smiley-more').style.display = 'inline';
    document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:lessSmilies()">←</a></span>';
}
function lessSmilies() {
    document.getElementById('smiley-more').style.display = 'none';
    document.getElementById('smiley-toggle').innerHTML = '<a href="javascript:moreSmilies()">→</a>';
}
//]]>
</script>
<div class='emoticons'>
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voiNIw2I/AAAAAAAAASw/aav2hwqeG0c/1.gif'/>:)
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voq7QQnI/AAAAAAAAAS0/UzoFJOCcPPU/2.gif'/>:(
<img src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt_XVZKI/AAAAAAAAATI/Q35_W0anT6A/21.gif'/>:))
<img src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt5z16MI/AAAAAAAAATE/Hx-7Thmr6do/20.gif'/>:((
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuJ1G41I/AAAAAAAAATM/_jLHXvz6PTg/24.gif'/>=))
<span id='smiley-more' style='display: none;'>
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzUt1yQI/AAAAAAAAATY/QHNvnj0gYbU/41.gif'/>=D>
<img src='http://lh3.ggpht.com/_u7a1IFxc4WI/TM-voxnkRKI/AAAAAAAAAS4/PjDn098vm3w/4.gif'/>:D
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpDb68dI/AAAAAAAAAS8/Yv0Uu3qzG_Q/10.gif'/>:P
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpLiW1GI/AAAAAAAAATA/fPyPJcBks7s/13.gif'/>:-O
<img src='http://lh5.ggpht.com/_u7a1IFxc4WI/TM-vua5MF2I/AAAAAAAAATU/N4X-ouMd1-I/39.gif'/>:-?
<img src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vzUOH79I/AAAAAAAAATc/oNE5H5vcNtI/42.gif'/>:-SS
<img src='http://lh3.ggpht.com/_u7a1IFxc4WI/TM-vz4hwcNI/AAAAAAAAATo/4ySXuvQWma8/104.gif'/>:-t
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuMg6RQI/AAAAAAAAATQ/rWj7euuKOZs/33.gif'/>[-(
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vziH8NXI/AAAAAAAAATg/2evEbN2cJwc/43.gif'/>@-)
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzrqI4MI/AAAAAAAAATk/BhfFnT0Gbro/66.gif'/>b-(
</span>
<span id='smiley-toggle'><a href="javascript:moreSmilies()">→</a></span>
</div>
Thêm một class emoticons. Chèn đoạn mã dưới vào trước thẻ
Code:
]]></b:skin>
Code:
.emoticons {-moz-background-clip: -moz-initial;-moz-background-origin: -moz-initial;-moz-background-inline-policy: -moz-initial;text-align: left;}
.emoticons a, .emoticons a:hover {font-size: 28px;margin-left: 20px;text-decoration:none;}
4. Lưu template lại và xem kết quả.


Mở rộng:

Các bước trên là chèn 15 emoticons của Zing với ký tự tắt theo phong cách Yahoo. Bạn hoàn toàn có thể thêm emoticons mới nữa và tự đặt ký tự tắt theo ý mình bằng cách chỉnh sửa code javascript ở bước 1.

Ký tự tắt nằm giữa 2 ký tự /
Với ký tự đặc biệt như [ ] { } \ / ( ) . ? + * ^ $ thì phải thêm \ trước nó.
Với ký tự < phải đổi thành <
Với ký tự > phải đổi thành >
Với ký tự & phải đổi thành &
Hình ảnh emoticons nằm trong thẻ img, thay đường dẫn đến ảnh tương ứng với ký tự tắt mà bạn đặt.

Lưu ý là với những ký tự tắt bao gồm của nhau như
Code:
 :))
Code:
:)
thì bạn phải đặt
Code:
:))
lên trước
Code:
:)
nếu không chỉ ký tự ít hơn được hiện lên.
Nếu không muốn hiển thị những Nhận xét dung tục ta khai báo những ký tự đó và thay tương ứng không phải là thẻ img nữa mà là ký tự *** chẳng hạn.

Sau khi đã thành công với việc chèn emoticons vào khung Nhận xét bạn hoàn toàn có thể chèn emoticons vào khung Bài đăng hay khung Nhận xét mới bằng cách tạo một ID mới bao quanh khung Bài đăng hay khung Nhận xét mới và khai báo ID này trong javascript ở bước 1 tương tự như khai báo ID emocomments (tên ID phải khác nhau).

Xem lý lịch thành viên http://www.docchieu.tk
Khung Comment thiếu cái này buồn hẳn, cảm ơn Độc Chiêu đã post, khi nào thay Temp đỡ mất công tra GG, cheers
Hình như của mình bị lỗi trên IE


Chữ Kí : _________________
Trường Anh's Blog

http://www.bta.name.vn/ - Thủ thuật blogspot - Hướng dẫn cơ bản - Tự học lập trình
Xem lý lịch thành viên http://www.bta.name.vn

Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

Permissions in this forum:
Bạn không có quyền trả lời bài viết