Tạo thông tin tác giả dưới bài viết Blogspot V2 - Thủ thuật

Loading...
Làm thế nào để thêm thông tin tác giả dưới mỗi bài viết blogger?
Ở bài viết tạm gọi là V1: Thêm thông tin tác giả dưới bài viết thì ở thủ thuật này mình cũng làm thủ thuật tương tự. Tạo thông tin tác giả dưới bài viết Blogspot V2.
Đối với cách làm thủ thuật này thì không khác gì V1, chỉ khác ở giao diện (Style). V2 hình ảnh tác giả nằm bên phải màn hình
them thong tin tac gia bai viet blogspot thu thuat

Cách làm thủ thuật:
CÁCH LÀM THỦ THUẬT
- Vào bảng điều khiển blogger -> Mẫu (Template) -> Chỉnh sửa HTML (Edit HTML) -> Mở rộng mẫu tiện ích ( Expand Widget Templates )
- Tìm tới ]]></b:skin>
và dán Code CSS dưới đây ngay trên nó
CODE

<!-- Tac gia bai viet - hướng dẫn http://itviet360.com -->
.author_info {
float: left;
width: 520px;
padding: 10px;
border: 1px solid #2EFE2E;
margin-bottom: 15px;
margin-top: 15px;
background: #E0F8E0;
font-family:verdana;
}
.author_info h3 {
margin-bottom: 10px;
font-family:consolas;
}
.author_photo {
float: right;
margin: 15 0 0 10px;
}
.author_photo img {
border: 1px solid #666;
}

- Tìm đến đoạn code

<div class='post-footer-line post-footer-line-1'>

Và dán Code dưới đây ngay sau nó:

<b:if cond='data:blog.pageType == "item"'>
<div class='author_info'>
<div class='author_photo'>
<a href='https://plus.google.com/106302543309839480016' rel='author' target='_blank'>
<img alt='' height='100' src='https://lh6.googleusercontent.com/-3vrvZ3jJqk8/UMi-mfXQ3TI/AAAAAAAADm4/8kt6bRrI1Wo/w196-h196-n-k/anh-nen-Phong-Vu%2Bcopy.jpg' width='100'/> </a></div>
<h4><a href='http://www.itviet360.com/' rel='author' title='Bài viết của tôi'>Bài viết của Phong Vũ</a></h4>
Hi. Mình là Phong Vũ. Mình chia sẻ những gì mình biết và tham khảo. Hy vọng các bạn tìm được thông tin cần trên site mình. Mong nhận được sự ủng hộ của các bạn<br/> Chúc các bạn vui vẻ !<p> Kết nối qua: <a href='https://plus.google.com/106302543309839480016'>Google +</a> Or <a href='http://www.facebook.com/pit62'>Facebook</a></p>
</div>
</b:if>

Các bạn tùy chỉnh thông tin + hình ảnh của mình nhé

Chúc các bạn thành công !
Loading...
Chuyên mục: , , ,

0 nhận xét:

Đăng một bình luận