Saturday, February 25, 2012
Bốn bộ emoticons đẹp cho blog
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 ^_^
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'>2. Bạn thêm vào đoạn code trên những thành phần sau:
...
</b:loop>
3. Chọn 1 trong những mẫu sau (xem trên trang demo) chèn vào trước thẻ </body><div id='voquocan-emo'><b:loop values='data:post.comments' var='comment'>
...
</b:loop></div>
Mẫu 1
<script type='text/javascript'>
function emo() { window.open("http://voquocan-emo01.blogspot.com/", "followblog", "height=360, width=500, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no" ); }</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("http://voquocan-emo02.blogspot.com/", "followblog", "height=360, width=500, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no" ); }</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("http://voquocan-emo03.blogspot.com/", "followblog", "height=280, width=500, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no" ); }</script><script src='http://voquocan.googlecode.com/files/vqa-emo03.js' type='text/javascript'/>
Mẫu 4
<script type='text/javascript'>Save template lại là xem như xong.
function emo() { window.open("http://voquocan-emo04.blogspot.com/", "followblog", "height=360, width=500, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no" ); }</script><script src='http://voquocan.googlecode.com/files/vqa-emo04.js' type='text/javascript'/>
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
Comments[ 0 ]
Post a Comment