Friday, May 15, 2009

Chèn Ico vào tiêu đề bài viết

Hôm nay mình xin giới thiệu cho các bạn cách chèn 1 tấm hình nhỏ trước mỗi tiêu đề bài viết. Hình này bạn có thể chèn hình gì cũng được, tùy thích, nhưng mình khuyên nên chèn những tấm hình mang phong cách riêng cho bạn, ví dụ như hình logo. Và nhỏ thôi, tầm từ 30x30 --> 50x50.

Việc này rất đơn giản, trước hết bạn có 1 tấm hình, rồi up lên host nào đó. Rồi làm các bước sau:

1. Vào chỉnh sửa Code HTML.
2. Save template code : phần này đơn giản thôi, không ảnh hưởng tới template code của bạn nhiều, nên có thể khỏi save lại cũng được, nhưng ai cẩn thận thì save lại. (Nếu không save, ta cũng có thể nhớ code thêm vào nằm ở đâu (có thể nhấn Ctrl+F để tìm) và gỡ bỏ ra khi thấy không thích).
3. Nhấn vào mở rộng mẫu tiện ích (Expand Widget Template)

4. Tìm đọan code sau :
<a expr:href='data:post.url'>
<data:post.title/>
</a>


5. Chèn Link hình của bạn như bên dưới (có thể thêm ở đằng trước hay sau đọan code <a expr:href='data:post.url'> tùy ý bạn)
<a expr:href='data:post.url'>
<img src="{LINK hình}"/>
<data:post.title/>
</a>
6. Nhấn Lưu Mẫu --> xong.

Sau khi làm xong nó trông giống như thế này

Thử xem có pro hơn không nhé. Chúc các bạn thành công.
Theo FD'Blog

No comments:

Post a Comment