Aug 20, 2011

Tạo author-box cho blogger

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}
.avatar-author{border:1px solid #888; float:left; padding:5px}
.info-author{float:right; width:483px}
.info-author h2{font-size:18px}
2.Code trình bày:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='author-box'>
<b:if cond='data:post.author == &quot;Thay tên tác giả vào đây&quot;'>
<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>
Chèn vào sau:
<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 == &quot;Yolks&quot;'>
đâ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.

26 comments:

Kuro said...

Thanks for share !!! :D, xé tem trước nhé .

blue79blog said...

đẹp đó Yolks

vn greenzone said...

khửa khửa ^^

vn greenzone said...

:)) vậy hả ^^

Pika Rock said...

uhm, rất hữu ích khi blog có nhiều tác giả

mà này thằng em 15 tuổi thật đó à

vn greenzone said...

Thật chứ :)) ! Em nói dối bao giờ ^^

Linh Dung said...

Yolks bị thằng nào ganh gét mà chơi trò bị ổi này thế nhỉ?

vn greenzone said...

Kệ bạn đó đi Chị Dung , tự thể hiện mình là người vô học đó mà

blogging said...

sao ko để lại copyright của template =))

Beat said...

Haha, anh Yolks nhà ta bữa nay chơi oách giữ ta, mà Hiếu Bò chuyển qua Blogger hồi nào vậy. Không 360plus hay gì nữa à ;)). Có gì add nick Y!M mới của anh nhé Yolks => beat6 <=

Nguyễn Đức said...

@ Linh dung: Nghĩa là sao ?

Anonymous said...

Ta nói là làm sẽ có khoảng 10 người tham gia chiến dịch này.

Anonymous said...

Đợt tấn công tiếp theo sẽ là 291 comment vào ngày 2/9

Hody chan said...

@Ngay bên trên : Thằng này bị sao thế nhỉ? Thừa cơm à?

vn greenzone said...

Haha ^^

Cu0nglsf said...

thank !

vn greenzone said...

Cám ơn

Trần Phúc Minh said...

ủa Yolks còn nhỏ vậy hả? Sao viết thủ thuật Blog tài thế!

vn greenzone said...

Mò 1 tí là ra mà anh

Linh Dung said...

@Thi Ngân Hàng Cái này bên Fandung có giới thiệu rồi mà, bạn chịu khó qua tìm là có đó!

UBanks said...

@Linh Dungtks LD, m tìm được rồi

vn greenzone said...

@Thi Ngân Hàng :)) hihi , hãy tìm ở khắp nơi nhé ^-^

mAn ĐiezEl said...

thnks post full

Kenvin said...

Thanks Yolks

Quang said...

york coi giùm mình sao mình làm mà nó ko hiện chi hết là sao?

Huyen Lee said...

thanks good sent demo: http://f69dkm.blogspot.com

Post a Comment