Bốn bộ emoticons đẹp cho blog

Ngày Thứ Bảy, 25 tháng 2, 2012 Blog của Báo Mới Hà Nội chia sẻ với bạn đọc bài viết Bốn bộ emoticons đẹp cho blog
Chúc bạn xem tin tức vui vẻ !!

Emoticons (biểu tượng mặt cười) chắc là không còn xa lạ gì với mọi người nên chắc mình cũng không nói nhiều. Thời gian qua cũng có một số bạn nhờ mình hướng dẫn làm bộ emoticons trên blog mình nên hôm nay quyết định share cho mọi người luôn, chơi xả láng sáng zìa sớm ^_^

DEMO

Bộ emoticons này không hoạt động trên mẫu threaded comments của blogger. Nên trước tiên nếu muốn sử dụng bạn phải chuyển threaded comments của blogger về dạng cũ. Rồi sử dụng một mẫu comments nào khác là được.

Chú ý:
» Nếu bạn đang dùng comments phân cấp trên blog của mình thì bỏ quả bước 1 bước 2.

1. Vào Thiết kế → chỉnh sửa HTML → Mở rộng tiện ích mẫu và tìm đoạn code sau: 

<b:loop values='data:post.comments' var='comment'>
...
</b:loop>

2. Bạn thêm vào đoạn code trên những thành phần sau:

<div id='voquocan-emo'>

<b:loop values='data:post.comments' var='comment'>
...
</b:loop>

</div>

3. Chọn 1 trong những mẫu sau (xem trên trang demo) chèn vào trước thẻ </body>

Mẫu 1

<script type='text/javascript'>
function emo() { window.open(&quot;http://voquocan-emo01.blogspot.com/&quot;, &quot;followblog&quot;, &quot;height=360, width=500, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no&quot; ); }</script><script src='http://voquocan.googlecode.com/files/vqa-emo01.js' type='text/javascript'/>

Mẫu 2

<script type='text/javascript'>
function emo() { window.open(&quot;http://voquocan-emo02.blogspot.com/&quot;, &quot;followblog&quot;, &quot;height=360, width=500, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no&quot; ); }</script><script src='http://voquocan.googlecode.com/files/vqa-emo02.js' type='text/javascript'/>

Mẫu 3

<script type='text/javascript'>
function emo() { window.open(&quot;http://voquocan-emo03.blogspot.com/&quot;, &quot;followblog&quot;, &quot;height=280, width=500, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no&quot; ); }</script><script src='http://voquocan.googlecode.com/files/vqa-emo03.js' type='text/javascript'/>

Mẫu 4

<script type='text/javascript'>
function emo() { window.open(&quot;http://voquocan-emo04.blogspot.com/&quot;, &quot;followblog&quot;, &quot;height=360, width=500, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no&quot; ); }</script><script src='http://voquocan.googlecode.com/files/vqa-emo04.js' type='text/javascript'/>

Save template lại là xem như xong.
4. Đặt đoạn code sau tại nơi muốn hiển thị chữ Emoticons

<a href='javascript:emo()' rel='nofollow' title='Chèn emoticons (biểu tượng mặt cười) vào nhận xét'><span class='text_style'>Emoticons</span></a>

VD: Bạn muốn chèn chữ Emoticons vào phía dưới dòng Đăng một Nhận xét thì bạn chèn đoạn code ở bước 4 phía sau thẻ

<data:blogTeamBlogMessage/>

Có 2 đến 4 lần thêm tùy blog.
Nếu không biết vị trí cần đặt trong template thì để lại comment mình sẽ hướng dẫn trong thời gian sớm nhất có thể. 


Chúc các bạn thành công!!!                                               

                                                                 Theo Võ Quốc An