Chèn logo vào tiêu đề bài viết
Thứ Năm, 9 tháng 4, 2009
[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 đó. Rồi thực hiện các bước sau:
1. Vào bố cục
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'>
<data:post.title/>
</a>
<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>
<img src="{LINK hình}"/>
<data:post.title/>
</a>
6. Save template --> 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.
- Mudim - Thêm bộ gõ tiếng Việt cho blogspot
- Hiệu ứng màu chạy lấp lánh trong chữ cho blogspot
- Thủ thuật thêm "comment mới gần đây nhất" cho blogspot
- Template dịch vụ, công ty giới thiệu cho blogspot
- Thủ thuật tạo khung liên kết thanh cuộn cho blogspot
- Nút điều khiển lên xuống toàn trang cho blogspot
- Menu ngang co kèm hình ảnh bên cạnh rất đẹp
- Hiệu ứng Like page Facebook (FB), G+, twitter động cực đẹp cho Web, blogspot
- CSS3 với hiệu ứng hình ảnh động cực đẹp cho Web, blogspot
- Bài viết liên quan cho blogspot - Hiệu ứng ảnh thu nhỏ
- Thủ thuật thêm thống kê Blog 3 trong 1 cho blogspot
- Giải pháp Blogger bị chặn 02/07/2012
Comments[ 0 ]
Đăng nhận xét