[Blogspot] - Hướng dẫn chèn biểu tượng cảm xúc emoticon vào comment blogs

google-vina

Hướng dẫn chèn biểu tượng cảm xúc emoticon vào comment blogs

Với việc cài đặt biểu tượng cảm xúc trên blog comment, làm cho blog của chúng ta nhiều màu sắc hơn và làm cho nó dễ dàng cho các nhà bình luận nhấn truyền cảm hứng cảm xúc ..

chèn biểu tượng cảm xúc emoticon vào comment blogs

Cài đặt qua các giai đoạn sau đây:

1. Tới Blogger

2. Chỉnh sửa HTML

3. Tìm </ body> Sử dụng tổ hợp phím Ctrl + F để tìm kiếm

4. Sao chép Dán mã dưới đây và đặt nó ngay trên </ body>

<b:if cond='data:blog.pageType == "item"'><script type='text/javascript'>//<![CDATA[jQuery(document).ready(function () {emoticonx({emoRange:"#comments p, div.emoWrap",putEmoAbove:"iframe#comment-editor",topText:"Click to see the code!",emoMessage:"To insert emoticon you must added at least one space before the code."})});//]]></script><script src='https://boyz.googlecode.com/svn/JS/emoticonnya.js' type='text/javascript'/></b:if>

5. Bây giờ tìm thấy mã ]]> </ b: skin>

6. Sao chép Dán mã dưới đây và đặt nó ngay trên code]]> </ b: skin>

.emoWrap {position:relative;padding:10px;margin-bottom:7px;background:#fff;border:3px solid #860000;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);box-shadow:0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);font-weight:normal;color:#333;}
.emoWrap:after {content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #860000;border-right:20px solid transparent;width:0;height:0;line-height:0;}

Hoàn tất, lưu và xem kết quả!