Thứ Bảy, 25 tháng 4, 2009

Chèn ảnh Icon vào tiêu đề bài đăng của blogspot

Để thêm hình ảnh hoặc icon (Show Image Icon Before/After Post Titles) ở phía trước hoặc sau mỗi bài viết giống như thử nghiệm của BloggerStop đã thực hiện ở hình vẽ dưới.

Bạn cũng có thể sử dụng hỉnh ảnh của bạn hoặc bất kỳ hình ảnh/Icon khác mà bạn yêu thích để thể hiện.

Để thực hiện điều này, bạn chỉ cần làm theo hướng dẫn đơn giản sau:

image

Truy cập vào Blogger, vào "Layout" -> "Edit HTML" -> click vào "Expand Widget Templates"

Tìm kiếm (bấm CTRL+F) để tìm dòng code sau:

<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>

Giờ đây, để trình diễn hình ảnh phía trước tiêu đề bài viết thì bạn chỉ cần thêm mã hình ảnh vào giữa hai dòng mã trên, bạn sẽ được một mã mới giống như dưới:

<b:if cond='data:post.url'>
<img src=your Image Url'/>
<a expr:href='data:post.url'><data:post.title/></a>

Còn nếu bạn muốn trình diễn hình ảnh ở phía sau tiêu đề bài viết thì bạn thêm mã hình ảnh vào dưới 2 dòng mã đã tìm kiếm, mã mới của bạn có dạng:

<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<img src=your Image Url'/>

Bước cuối cùng là bạn Lưu mẫu template và xem kết quả đã thực hiện.

Theo vnpressnet

1 Comment:

LÀM BẠN VỚI VI TÍNH said...

THEO TUI CÒN CÓ 1 CÁCH LÀ VIẾT 1 DOẠN MẢ CSS NHƯ VẬY SẼ HAY HƠN

Đăng nhận xét

» VnTim™ cảm ơn bạn đã đọc bài viết.
» Nếu có thắc mắc hay góp ý, bạn hãy để lại một nhận xét.
» Nếu thấy bài viết hay hãy chia sẻ với những người quanh bạn.
» Bạn có thể sử dụng một số thẻ HTML như <b>, <i>,<a>.
» Vui lòng đăng những nhận xét lịch sự và gõ tiếng Việt có dấu nếu có thể.
» Rất cảm ơn những comment thiện ý.

 

VnTim™ Trái Tim Việt Nam Copyright © 2010 VnTim™ Trái Tim Việt Nam