Huớng dẫn tạo khung Thông tin tác giả dành cho Blogger - Blogger Author Box
04:30
-
Thứ Tư, 13 tháng 7, 2016
Trước tiên mới các bạn xem hình ảnh Demo:
Bước 1: Đầu tiên ta vào phần chỉnh sửa template, và tìm đến đoạn:Sau khi tìm ra vị nó nằm ở đâu, bạn dán đoạn CSS này ở phía trên của nó:Bước 2: Việc đơn giản cuối cùng đó là bạn đưa đoạn code sau đây đến bất cứ chỗ nào mà bạn muốn chèn khung thông tin tác giả:Thường thì đoạn code Thông tin tác giả này được chèn ở 1 trong những đoạn sau trong template của bạn:HoặcHoặcHoặc nếu template của bạn không có 3 đoạn trên, thì chèn vào dưới đoạn:
Lưu 1 số điều:
Phần thay tên tác giả vào đây là bạn sẽ chèn tên profile của tác giả đó vào, nếu bạn điền không đúng tên thì khung tác giả sẽ không xuất hiện.
Cứ mỗi 1 tác giả là bạn phải tạo 1 đoạn code riêng, và điền đầy đủ info, link, avatar của người vào.
Tùy vào mỗi template, bạn có thể tùy chỉnh bố cục màu sắc của khung tác giả tùy theo ý thích ở phần CSS nhé!
Chúc các bạn thành công!!!
Code:
]]></b:-skin>
Code:
.author-box{background:#CFCFCF;width:570px border:1px dashed #999; margin-top:20px; overflow:hidden; padding:10px}
.avatar-author{border:1px solid #888; float:left; padding:5px}
.info-author{float:right; width:483px}
.info-author h2{font-size:18px}Code:
<b:if cond='data:blog.pageType == "item"'>
<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>Thông tin tác giả:<a href='Link website của tác giả' target='_blank'>Tên tác giả</a></h2>
<p>Lời giới thiệu</p>
</div>
</b:if>
</div>
</b:if>
Code:
<div class='post-footer-line post-footer-line-1'>
Code:
<div class='post-footer-line post-footer-line-2'>
Code:
<div class='post-footer-line post-footer-line-3'>
Code:
<data:post.body/>
Lưu 1 số điều:
Phần thay tên tác giả vào đây là bạn sẽ chèn tên profile của tác giả đó vào, nếu bạn điền không đúng tên thì khung tác giả sẽ không xuất hiện.
Cứ mỗi 1 tác giả là bạn phải tạo 1 đoạn code riêng, và điền đầy đủ info, link, avatar của người vào.
Tùy vào mỗi template, bạn có thể tùy chỉnh bố cục màu sắc của khung tác giả tùy theo ý thích ở phần CSS nhé!
Chúc các bạn thành công!!!
Tags :