Chèn Icon nhỏ trước tiêu đề bài đăng

Theo mẫu mặc định thì thanh tiêu đề bài đăng trên Blog của bạn là một dòng chữ đơn thuần và bạn có thể thay đổi màu sắc của nó trong "Chỉnh sửa HTML", "kiểu chữ và màu". Với nhiều bạn thì như vậy là quá đủ , nhưng cũng có nhiều bạn muốn chèn thêm 1 icon nhỏ phía trước để trang trí , tạo ấn tượng cho bài viết đối với người đọc.

* Cách chèn :...

+ Trước tiên thì bạn phải chọn cho mình một hình ảnh (gif , png ....),flash hoặc bất cứ thứ gì bạn muốn chèn . Nhưng lưu ý là bạn nên chọn kích thước nhỏ ( nhỏ hơn 16.16 px) cho phù hợp với thanh tiêu đề và có gí trị thẩm mỹ .
+ Khi đã có ảnh rồi thì bạn up lên đâu đó để lấy link ( Tôi thường up lên googlepages ) và "chèn ảnh" theo cú pháp sau:

<img boder="0" width="11" height="11" src='http://kieuphong1109.googlepages.com/ngoisao1.png'/>

+ Đăng nhập vào Blogger.com -> Trình bày ( Template layout) -> chỉnh sửa HTML -> Mở rộng Mẫu Tiện ích.
- Kéo thanh trượt xuống và tìm dòng :( Nên dùng tổ hợp phím Ctrl+F để tìm )

<b:if cond='data:post.url'> <a expr:href='data:post.url'>Vị Trí Chèn <data:post.title/></a>

- Chèn hình ảnh ( hoặc cái bạn muốn chèn ) như VD hình bên dưới :

<b:if cond='data:post.url'> <a expr:href='data:post.url'><img boder="0" width="11" height="11" src='http://kieuphong1109.googlepages.com/ngoisao1.png'/> <data:post.title/></a>

* Thay đổi: http://kieuphong1109.googlepages.com/ngoisao1.png bằng link dẫn tới hình ảnh của bạn và các giá trị : boder="0" width="11" height="11" sao cho phù hợp . -> Save temp lại ( Lưu Mẫu ). Đến đây là xong rồi đấy . chúc bạn thành công !

* Lưu ý : bạn nên để 1 khoảng trống giữa hình ảnh và tiêu đề như thế này : ngoisao1.png/> <data:post.title/>
* Hướng dẫn này chỉ dành cho Blogspot

kieuphong