"Chèn biểu tượng vui Yahoo vào bài viết"

(Traidatmui.com) – Một thủ thuật khá hay mà "Blog lô - Gman" đã viết mình xin chia sẽ lại cho các bạn. Đó là việc thêm những biểu tượng cảm xúc vào trong bài viết trên blogger. Đối với blogger thì việc tích hợp các biểu tượng cảm xúc này chưa được hổ trợ, tuy nhiên chúng ta vẫn có thể tích hợp chúng vào bằng Javascript. Khi bạn soạn thảo bài viết của mình bạn chỉ cần gõ thêm các ký hiệu thì chúng sẽ được thay thế bằng những hình ảnh vui tương ứng.

1. Đầu tiên bạn hãy đăng nhập tài khoản Blogger
2. Chèn code bên dưới vào sau thẻ <head>
<script src='http://data-traidatmui.appspot.com/scripts/emotion_post.js' type='text/javascript'/>

3. Bây giờ bạn tìm tiếp đến thẻ <body> và thay nó thành thẻ bên dưới
<body onload='replaceText();'>

4. Giờ bạn hãy tìm tiếp đến đoạn code bên dưới hoặc tương tự
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='traidatmui.com' type='Blog'/>
</b:section>

5. Thêm thẻ <div> vào code như bên dưới
<div id='emoticon'>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='traidatmui.com' type='Blog'/>
</b:section>
</div>

☼ Lưu ý: Do mỗi blog có mã HTML khác nhau, có thể bạn đã sử dụng nhiều thủ thuật cho blog mình nên đoạn mã trên không đơn thuần như vậy. Vì vậy khi thêm thẻ "DIV" bạn phải chú ý đóng cho đúng nếu không sẽ làm lệch blog của bạn.
- Điều thứ hai bạn cần biết đó là nhược điểm của thủ thuật này. Nếu blog là blog về các thủ thuật thì cần chú ý các ký hiệu trong code. Nếu ký hiệu trong code bị trùng với các ký hiệu của biểu tượng thì chúng sẽ bị mã hóa thành hình ảnh ngay, và khi đó sẽ làm cho code của bạn không còn chính xác nữa.

6. Cuối cùng là save lại và vào khung soạn thảo đăng bài kiểm tra lại nhe

Và đây là các ký hiệu của các biểu tượng bạn cần sử dụng trong việc soạn thảo bài viết. Bạn hãy vào đây để xem nha

Chúc thành công
Tham khảo từ "Blog lô - Gman"

Xem khác cùng chủ đề

14 nhận xét | Viết lời bình

10/10/2010 09:57:00 CH Trả lời

:))

6/05/2011 02:33:00 SA Trả lời

Chèn rồi mà nó không hiện anh ơi

6/12/2011 04:22:00 SA Trả lời

Cho mình hỏi làm sao để cho những emoticon này chemgio , daprui vào khung comment vào bài viết

Admin
6/12/2011 07:17:00 SA Trả lời

Mình đã có bài hướng dẫn cách chèn như bạn Hương nói, bạn xem tại đây

10/02/2011 12:22:00 SA Trả lời

Cho Xin lại cái link trên đi bạn ơi...hình như bạn đưa nhầm thì phải :D...sao lại file js nhỉ :D

Admin
10/02/2011 01:22:00 SA Trả lời

Bạn xem tại đây nhe

5/14/2013 07:15:00 CH Trả lời

Cho mình hỏi template mình đang dùng không có thẻ body thì có thể thay bằng thẻ khác được không.Cảm ơn

Admin
5/14/2013 11:58:00 CH Trả lời

Template nào cũng có các thẻ đấy bạn ah

5/15/2013 12:34:00 SA Trả lời

Mình chỉ tìm thấy thẻ /body thôi chứ không có thẻ body như bạn miêu tả ở trên

Admin
5/15/2013 04:41:00 SA Trả lời

Có thẻ đóng làm gì không có thẻ mở được bạn.Bạn gõ từ khóa <body

5/15/2013 07:32:00 CH Trả lời

Mình chỉ kiếm được cái này thôi body expr:class='"loading" + data:blog.mobileClass'

Admin
5/16/2013 05:24:00 SA Trả lời

Thì đó là thẻ <body> đấy còn gì bạn, vì template bạn sử dụng thêm giao diện mobile nên có thêm phần đấy thôi. Bạn chỉ việc thêm onload='replaceText();' vào thẻ <body> đó.

5/16/2013 08:21:00 SA Trả lời

chèn xong cũng không chạy luôn,bó tay kkrong

6/21/2013 02:05:00 SA Trả lời

bạn ơi cho mình hỏi làm sao để tạo mấy cái:
:) Biểu tượng | Cách chèn ảnh | Hướng dẫn nhận xét | Nội quy | Chèn code
như ở blog bạn vậy!?
thanks bạn! :)

Bạn nhập từ: cungly Bạn nhập từ: lleu Bạn nhập từ: kkrong Bạn nhập từ: cuoilon Bạn nhập từ: roile Bạn nhập từ: hehehe Bạn nhập từ: byebye Bạn nhập từ: idontknow Bạn nhập từ: votay more »

Giải pháp bán hàng online Số 1 Việt Nam
Lên đầu trang Xuống cuối trang