Hướng dẫn cài Multi Author Box dưới mỗi bài viết cho blogspot

Tạo nhiều tác giả cộng tác viết bài cho blogger

Bài viết hướng dẫn cài đặt thông tin tác giả dưới mỗi bài viết blogspot dựa vào hình ảnh và phần giới thiệu thông qua tài khoản Google +.

Với thủ thuật này bạn có thể áp dụng với những blog có nhiều tác giả hay cộng tác viên viết bài.

Hướng dẫn Installing Multi Author Box At The Bottom Post

1. Mở Blogger.com chọn Teamplate vào phần Edit HTML copy và dán đoạn mã bên dưới sau dòng <data:post.body/>

HTML<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='authorboxwrap'>
<div class='authorboxfull'>
<div class='avatar-container'>
<a href=''>
<img class='author_avatar' expr:alt='data:post.author' expr:src='data:post.authorPhoto.url' height='110' width='110'/>
</a>
</div>
<div class='author_description_container'>
<h4><a href='#' rel='author'><data:post.author/></a></h4>
<p>
<data:post.authorAboutMe/>       
</p>
<div class='authorsocial'>
<a class='img-circle1' href='#' rel='nofollow' target='_blank'><i class='fa fa-facebook'/></a>
<a class='img-circle2' href='#' rel='nofollow' target='_blank'><i class='fa fa-twitter'/></a>
<a class='img-circle3' href='#' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/></a>
<div class='clr'/>
</div>
</div>
</div>
</div>
<div style='clear:both'/>
</b:if>

2. Sau đó copy và dán đoạn mã bên dưới vào trước thẻ ]]></b:skin> hoặc </style>

CSS/* CSS Multi Author Box */
.authorboxwrap{background:#fff;margin:0 auto 20px;padding:20px;overflow:hidden;border:1px solid #ccc;}
.avatar-container {float:left;margin-right:20px;}
.avatar-container img{width:110px;height:auto;}
.author_description_container h4{font-weight:700;font-size:16px;display:block;margin:0;margin-bottom:2px}
.author_description_container h4 a{color:#ef4824}
.author_description_container h4 a:hover{color:#404040}
.author_description_container p{margin:0;color:#888;font-size:95%;margin-bottom:8px}
.authorsocial a{display:inline-block;text-align:center;margin-right:10px}
.authorsocial a i{font-family:Fontawesome;width:20px;height:20px;line-height:20px;padding:5px;display:block;opacity:1;border-radius:2px;transition:all .3s;}
.authorsocial a:nth-child(1) i {background:#2d609b;color:#fff;}
.authorsocial a:nth-child(2) i {background:#19bfe5;color:#fff;}
.authorsocial a:nth-child(3) i {background:#eb4026;color:#fff;}
.authorsocial a:hover:nth-child(1) i,.authorsocial a:hover:nth-child(2) i,.authorsocial a:hover:nth-child(3) i {opacity:0.90;}

3. Lưu Teaplate lại.

Installing Multi Author Box At The Bottom Post

1. Để đưa thông tin tác giả vào phần Author Box bạn phải hoàn thành phần giới thiệu của tài khoản Google Plus. Hiện tại thì Google + đang thay đổi giao diện mới nên rất khó để bạn có thể tìm thấy phần Story (Câu chuyện) để thay đổi phần Introduction (Giới Thiệu)

Cách đơn giản nhất là bạn copy URL bên dưới:

https://plus.google.com/107989199660831986988/about/p/pub

Thay dãy số 107989199660831986988 thành dãy số của bạn rồi ấn Enter.

Phần Story (Câu chuyện) sẽ xuất hiện và bạn hoàn thành phần Introduction (Giới Thiệu)

2. Quay trở lại Blogger vào phần Layout chọn Blog post (Chỉnh sửa bài viết). Và tích vào ô Show Author Profile Below Post (Hiện hồ sơ tác giả dưới bài viết)