"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>
<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
Nguồn: TRAIDATMUI.com
0 nhận xét:
Đăng nhận xét