Tùy biến tên tác giả bằng hình ảnh với dòng “Posted by:” cho blog (blogspot blogger)

[f69dkm-blog]Dòng “Posted by:” là  một trong những thành phần không thể thiếu của bài viết hiển thị tên tác giả của bài viết, bạn có thể tùy biến chúng theo ý thích của bạn, chẳng hạn như vị trí đặt chúng ở trên ngay dưới tiêu đề hoặc ở dưới bài viết, bạn cũng có thể sử dụng hình ảnh cho thành phần này.

- VnBlognet [dot] com: Trong bài này bạn sẽ được hướng dẫn cách tùy biến dòng “Posted by” với hình ảnh của tác giả.

Các bước thực hiện như sau:
Truy cập vào Blogger:
- Truy cập vào Blogger Bảng điều khiển (Dashboard)  >> Bố cục (Layout)   >>  Chỉnh sửa HTML (Edit HTML).
- Click chọn vào ô check Mở rộng mẫu tiện ích (Expand Widget Templates)
Tìm đoạn mã hiển thị “Posted by:”
- Tìm (Ctrl – F) đoạn mã sau:
<p class='post-footer-line post-footer-line-1'>
<span class='post-author'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>
</span>
Tùy biến đoạn hiển thị tên tác giả:
- Đoạn mã: <data:post.author/> trong đoạn code đã tìm ở bước 2 là code hiển thị tên tác giả. Bạn có thể:
1. Thay thế tên tác giả bằng hình ảnh:
Bạn thay đoạn mã <data:post.author/> bằng đoạn code dưới:
<a href="URL OF YOUR BLOG"><img src="URL OF YOUR PICTURE" /></a>
Trong đó:
- URL OF YOUR BLOG là địa chỉ của blog
- URL OF YOUR PICTURE là địa chỉ lưu trữ hình ảnh tác giả
2. Thêm hình ảnh vào trước hoặc sau tên tác giả:
Bạn thêm đoạn mã dưới:
<a href="URL OF YOUR BLOG"><img src="URL OF YOUR PICTURE" /></a>
vào trước đoạn mã <data:post.author/> để hình ảnh hiện trước tên tác giả hoặc sau nó để hình ảnh hiển thị sau tên tác giả.
Click vào Lưu mẫu (Save Templates) để lưu lại quá trình đã thực hiện.
Gửi bài viết này cho bạn bè qua Y!M: » Tùy biến tên tác giả bằng hình ảnh với dòng “Posted by:” cho blog (blogspot blogger) : http://f69dkm.blogspot.com/2011/12/tuy-bien-ten-tac-gia-bang-hinh-anh-voi.html