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>
<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>
<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"
Tags:
Blogspot nâng cao
Loading...
:))
Trả lờiXóaChèn rồi mà nó không hiện anh ơi
Trả lờiXóaCho 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óaMì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óaCho 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óaBạn xem tại đây nhe
Trả lờiXóaCho 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óaTemplate nào cũng có các thẻ đấy bạn ah
XóaMì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óaCó thẻ đóng làm gì không có thẻ mở được bạn.Bạn gõ từ khóa <body
XóaMình chỉ kiếm được cái này thôi body expr:class='"loading" + data:blog.mobileClass'
XóaThì đó 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óachèn xong cũng không chạy luôn,bó tay kkrong
Xóabạn ơi cho mình hỏi làm sao để tạo mấy cái:
Trả lờiXóa:) 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! :)