Tạo author-box cho blogger
Bạn là 1 tác giả 1 blog nào đó , 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 chúng ta ko tự làm 1 Author-box vừa nhanh vừa cơ bản lại vừa đẹp mắt.Xin lưu ý thủ thuật này áp dụng được cho tất cả các tác giả trong blog -> thú vị chưa ???
Chúng ta sẽ bắt đầu ngay với việc thêm css vào blog:
1.Thêm css:
Tìm thẻ
]]></b:skin>và thêm vào trước nó đoạn css sau:
.author-box{background:#CFCFCF;width:570px border:1px dashed #999; margin-top:20px; overflow:hidden; padding:10px}2.Code trình bày:
.avatar-author{border:1px solid #888; float:left; padding:5px}
.info-author{float:right; width:483px}
.info-author h2{font-size:18px}
<b:if cond='data:blog.pageType == "item"'>Chèn vào sau:
<div class='author-box'>
<b:if cond='data:post.author == "Thay tên tác giả vào đây"'>
<img class='avatar-author' height='80' src='Hình tác giả' width='80'/>
<div class='info-author'>
<h2>Đôi chút thông tin về tác giả <a href='http://www.blogger.com/profile/ID profile của bạn' target='_blank'>Tên tác giả</a></h2>
<p>Lời giới thiệu</p>
</div>
</b:if>
</div>
</b:if>
<div class='post-footer-line post-footer-line-1'>Or
<div class='post-footer-line post-footer-line-2'>Or
<div class='post-footer-line post-footer-line-3'>Nếu ko có các bạn cứ để dưới
<data:post.body/>Xin lưu ý đoạn code:
<b:if cond='data:post.author == "Yolks"'>đây là đoạn mã về bài viết của tác giả , tác giả nào đăng bài thì cái khung author-box sẽ hiện lên cho các bạn.
Ví dụ nhiều tác giả thì bạn làm nhiều khung nhưng chữ Yolks sửa thành tên của profile của tác giả ấy thì mới chạy được nhé các bạn.
vn greenzone
August 20, 2011 at 9:07 PM
khửa khửa ^^
vn greenzone
August 20, 2011 at 9:57 PM
:)) vậy hả ^^
vn greenzone
August 21, 2011 at 6:41 AM
Thật chứ :)) ! Em nói dối bao giờ ^^
vn greenzone
August 21, 2011 at 3:19 PM
Kệ bạn đó đi Chị Dung , tự thể hiện mình là người vô học đó mà
blogging
August 21, 2011 at 5:02 PM
sao ko để lại copyright của template =))
Anonymous
August 23, 2011 at 7:59 PM
Ta nói là làm sẽ có khoảng 10 người tham gia chiến dịch này.
Anonymous
August 23, 2011 at 7:59 PM
Đợt tấn công tiếp theo sẽ là 291 comment vào ngày 2/9
vn greenzone
August 24, 2011 at 9:01 PM
Haha ^^
Cu0nglsf
September 9, 2011 at 5:01 PM
thank !
vn greenzone
September 9, 2011 at 6:05 PM
Cám ơn
vn greenzone
September 13, 2011 at 12:27 PM
Mò 1 tí là ra mà anh
vn greenzone
September 15, 2011 at 11:47 AM
@Thi Ngân Hàng :)) hihi , hãy tìm ở khắp nơi nhé ^-^
mAn ĐiezEl
October 21, 2011 at 12:35 AM
thnks post full
Kenvin
November 3, 2011 at 1:19 PM
Thanks Yolks