Tiện ích Về tác giả (About the Author widget) đặt ở cuối bài viết Blogger giúp người đọc dễ dàng nắm bắt thông tin sơ lược về tác giả đồng thời nâng cao tác quyền các bài viết trên blog. Nếu blog của bạn cho phép quyền đăng bài viết cho nhiều người thông qua gmail của họ thì chỉ có bạn là tác giả blog được hiển thị tiện ích này.
Nhờ tiện ích này mà người đọc có thể dễ dàng phân biệt được đâu là tác giả - Admin của blog nếu blog của bạn cho phép nhiều người được quyền đăng bài viết.
Để 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>.
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'>.
Lưu Template là OK.
ST:Nhờ tiện ích này mà người đọc có thể dễ dàng phân biệt được đâu là tác giả - Admin của blog nếu blog của bạn cho phép nhiều người được quyền đăng bài viết.
Để 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>.
<!--
CSS THÊM: [Thủ Thuật] Tiện ích Về tác giả ở cuối bài viết Blogger
(phần 1/2 CSS)
-->
.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;}
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'>.
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.<!--
CSS THÊM: [Thủ Thuật] Tiện ích Về tác giả ở cuối bài viết Blogger
(phần 2/2 Hiện trên trình duyệt)
-->
<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>
Lưu Template là OK.
http://www.bloggerism.tk/2010/12/about-author-widget-below-post-footer.html
Đăng nhận xét