[FD's BlOg] - 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 đó. Hoặc vào đây tạo Logo
Rồi thực hiện các bước sau:
1. Vào Mẫu
2. Vào chỉnh sửa Code HTML.
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'>
(Bằng cách bấm Ctrl + F rồi dán code vào để tìm)
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. Lưu mẫu (Save template) --> xong.
Sau khi làm xong nó trông giống như thế này
Chúc các bạn thành công.
[FD's BlOg] - 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 đó. Hoặc vào đây tạo Logo
1. Vào Mẫu
2. Vào chỉnh sửa Code HTML.
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'>
(Bằng cách bấm Ctrl + F rồi dán code vào để tìm)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>
<img src="{LINK hình}"/>
<data:post.title/>
</a>
6. Lưu mẫu (Save template) --> xong.
Sau khi làm xong nó trông giống như thế này
Chúc các bạn thành công.
No comments:
Post a Comment