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

Điểm 4.6/5 dựa vào 87 đánh giá

(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"

Loading...

14 nhận xét

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

    Trả lờiXóa
  2. 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

    Trả lờiXóa
  3. 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

    Trả lờiXóa
  4. 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

    Trả lờiXóa
  5. 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

    Trả lờiXóa
    Trả lời
    1. Template nào cũng có các thẻ đấy bạn ah

      Xóa
    2. 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

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

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

      Xóa
    5. 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> đó.

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

      Xóa
  6. 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! :)

    Trả lờiXóa