Bật author box mặc định của Blogger

Author box là nơi để tác giả của blog chia sẻ một vài thông tin liên quan đến bản thân, trên mạng có rất nhiều kiểu author box và Blogger cũng cung cấp cho chúng ta một mẫu. Ưu điểm của nó là có thể tự động lấy tên tác giả, avatar và đoạn giới thiệu từ Google Plus, so với các loại author box cùng loại thì cái này vượt trội hơn hẳn vì nó chẳng cần tới một chút Script hay CSS gi hết. Hầu như trong chúng ta chẳng máy ai biết có sự tồn tại của cái author box này. Vì vậy hôm nay mình sẽ hướng dẫn các bạn bật cái author box này lên.

#Bật author box

1. Đăng nhập Blogger

2. Bố cục

3. Chỉnh sửa tiện ích bài đăng

 4. Chọn "Hiện thị hồ sơ tác giả bên dưới bài đăng"

5. Lưu lại

Như vậy là bạn đã bật thành công author box

#Chỉnh sửa phần giới thiệu cho tác giả

1. Đăng nhập vào Google Plus

2. Chọn "Giới thiệu" (about)

3. Kéo xuống phần "Câu chuyện" (story)

4. Chọn chỉnh sửa, các bạn nhớ công khai hết mấy đoạn giới thiệu

Như vậy là bạn đã hoàn thành việc bật author box, bây giờ hãy truy cập vào một bài viết bất kì trên blog để kiểm tra.

#Lỗi không bật được author box

Nguyên nhân có thể là do code auhor box trong template của bạn đã bị xóa mất, bên dưới là các bước để khắc phục.

1. Đăng nhập Blogger

2. Mẫu > Chỉnh sửa HTML

3. Tìm thẻ <div class='post-footer-line post-footer-line-3'> , thẻ thứ hai mà bạn tìm được nhé.

4. Dán code dưới vào dưới thẻ mà bạn vừa tìm

<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.authorAboutMe'>
<div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<b:if cond='data:post.authorPhoto.url'>
<img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
</b:if>
<div>
<a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</div>
<span itemprop='description'><data:post.authorAboutMe/></span>
</div>
</b:if>
</b:if>

5. Save lại