Tiện ích Về tác giả ở cuối bài viết Blogger
Để cài đặt tiện ích này, bạn hãy thực hiện theo các bước sau đây.
Bước 1. Đăng nhập Blogger vào Design >> Edit HTML chọn Expand Widget Templates.
Đặt đoạn code dưới đây vào trước dòng ]]></b:skin>
.author-panel {
-moz-border-radius:5px;
background-color:#add8e6;
border: 1px solid #000;
margin:-30px 0 20px 0;
padding:5px;
}
.author-avatar img {
-moz-border-radius:5px;
background-color:#333;
width:60px; height:75px;
float:left;
margin:10px 10px 0;
}
.author-panel p {color:#fff;font-size:12px;text-align:justify;}
-moz-border-radius:5px;
background-color:#add8e6;
border: 1px solid #000;
margin:-30px 0 20px 0;
padding:5px;
}
.author-avatar img {
-moz-border-radius:5px;
background-color:#333;
width:60px; height:75px;
float:left;
margin:10px 10px 0;
}
.author-panel p {color:#fff;font-size:12px;text-align:justify;}
Bước 2. Đặt đoạn code dưới đây sau dòng <div class='post-footer'> hoặc trước dòng <div class='post-footer-line post-footer-line-3'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.author == "Tên tác giả"'>
<div class='author-panel'>
<div class='author-avatar'><img alt='' src='URL_Avatar' /></div>
<h3>Về tác giả</h3>
<p>Thông tin về tác giả</p>
<p>Theo dõi:
<a href='http://www.blogger.com/follow-blog.g?blogID=XXXXXXXXX' target='_blank'>Blogger</a> |
<a href='http://www.twitter.com/yourusername' target='_blank'>Twitter</a> |
<a href='http://www.facebook.com/yourusername' target='_blank'>Facebook</a>
</p>
</div>
</b:if></b:if>
<b:if cond='data:post.author == "Tên tác giả"'>
<div class='author-panel'>
<div class='author-avatar'><img alt='' src='URL_Avatar' /></div>
<h3>Về tác giả</h3>
<p>Thông tin về tác giả</p>
<p>Theo dõi:
<a href='http://www.blogger.com/follow-blog.g?blogID=XXXXXXXXX' target='_blank'>Blogger</a> |
<a href='http://www.twitter.com/yourusername' target='_blank'>Twitter</a> |
<a href='http://www.facebook.com/yourusername' target='_blank'>Facebook</a>
</p>
</div>
</b:if></b:if>
Trong đoạn code trên, bạn cần thay đổi những dòng được đánh dấu màu đỏ, lần lượt là Tên tác giả (thường xuất hiện khi bạn đăng nhận xét), liên kết ảnh avatar của bạn, thông tin sơ lược về tác giả, ID của Blog, username trên Twitter và Facebook.
Tham khảo: Huỳnh Nhật Hà
18 comments
Không được ,hic:((
@Ngọn lửa nhỏ blog Không được chỗ nào, ra sao, bạn nói rõ mới được :)
Hu hu,nó không hiện lên,em thử mấy lần rồi :((
@Ngọn lửa nhỏ blog Em có thay Tên tác giả bằng tên của em chưa?
Hu hu,có rồi mà,tại sao ? Thực sự không hiểu nổi luôn,thấy các bác có mà mình lại không làm được:(
@Ngọn lửa nhỏ blog Bạn cũng xài templte Newcast như mình, sao mà bị lỗi thế @-)
Ban kiem tra lai blog ID nhe!Ban kiem tra lai blog ID nhe!
@Độc chiêu Blog Em xem comment của anh bên blog em nha! :)
Đã xem nhưng ko hiểu ý anh lắm ^^
Trước giờ em có bao giờ đăng kí nhân tin ai đâu :D Toàn click theo dõi để cập nhật ko hà
Cuối cùng bằng nhiều "thủ đoạn" thì nó cũng Ok:),mà không biết vì sao OK
Rõ khổ
Đa tạ bác:))
Bác chỉ thêm em cái này với (http://blog.duypham.info/2011/03/chu-thich-nhan-xet-tac-gia-bai-viet.html )
Cái khung màu vàng cuối bài viết ấy
là lệnh rất hay, các bạn có thể thử nghiệm cho dù tên 2 người quản trị có giống nhau thì lệnh so sánh trên vẫn hoạt động đúng.
Tùy biến thêm lệnh so sánh profile ở phần 3 để thêm ghi chú Author sau tên nhận xét của những người cộng tác viết bài trên blog của bạn.
Giúp em tí nhé:))
@Ngọn lửa nhỏ blog Cái đó là khung ghi chú thôi, bên mình cũng có, bạn có thể view source là thấy được code mà :)
@peace19812006
"Giời " ạ,bác nói thế thì...giết em đi.Em là gà béo mà bác cứ làm khó.Giúp em với,em cần lắm
@Ngọn lửa nhỏ blog Để mai hoặc mốt rảnh mình viết bài hướng dẫn cho :)
k biết cái này áp dụng bên em được không a nhỉ
@Mèo Blog [co="red"] Bên em có rồi mà[/co] :-?
Anh ơi blog em chỉ có đoạn code:
< div class='post-footer-line post-footer-line-3'/>
chứ không có đoạn code này:
< div class='post-footer-line post-footer-line-3'>
thì làm sao ạ?
@mMO4u.oRg
Bạn đã mở rộng tiện ích chưa