Bạn muốn nhiều người biết đến bạn thông qua bài viết, cụ thể là ở dưới mỗi bài viết . Vậy tại sao bạn không tự làm 1 Author-box vừa nhanh vừa cơ bản lại vừa đẹp mắt.



Chúng ta sẽ bắt đầu ngay nhé: 1. Vào chỉnh sửa mẫu, không mở rộng mẫu, thêm đoạn code dưới trước thẻ

]]></b:skin>

.author-box{background:#444444;width:100% border:2px dashed #ccc; margin-top:50px; overflow:hidden; padding:10px; -moz-box-shadow:-3px 0px 5px #000; -webkit-box-shadow:-3px 0px 5px #000; box-shadow:-3px 0px 5px #000; } .avatar-author{border:1px solid #888; float:left; padding:2px} .info-author{float:right; width:455px} .info-author h2{font-size:16px}

Lưu mẫu.

2. Mở rộng mẫu, tìm 1 trong 4 đoạn code dưới <data:post.body/> <div class='post-footer-line post-footer-line-1'> <div class='post-footer-line post-footer-line-2'> <div class='post-footer-line post-footer-line-3'>

Và thêm đoạn code dưới đây sau 1 trong 4 đoạn code trên [ Tùy blog của bạn, theo mình thì nên thêm sau

<data:post.body/> nghĩa là ngay sau bài viết.

<b:if cond='data:blog.pageType == "item"'> <div class='author-box'> <b:if cond='data:post.author == "Tên của bạn"'> <img class='avatar-author' height='40' src='http://www.blogger.com/favicon-image.g?blogID=Số ID của bạn' width='40'/> <div class='info-author'> <h3>Đôi chút thông tin về tác giả <a href='http://www.blogger.com/profile/10181856168831386147 ' target='_blank'>Tên của bạn</a></h3> <p><h2>Hãy cùng nhau lướt Web, tìm kiếm và chia sẻ...</h2></p> </div> </b:if> </div> </b:if>

3. Lưu mẫu hoàn thành.