Cách chỉnh box thông tin tác giả Author box trong Blogger

Nếu bạn là một blogger hay một webmaster bạn sẽ quen thuộc với hộp thông tin tác giả thường thấy ở thanh bên hoặc bên dưới bài viết. Hộp thông tin tác giả này cho lợi thế lớn cho các webmaster. Bạn muốn nhận được hộp thông tin tác giả này cho site blogger của bạn? Thực hiện theo các thủ tục đưa ra dưới đây rất đơn giản:

box thông tin tác giả Author box trong Blogger

Author box dành cho cho Blogger

Đăng nhập vào bảng điều khiển Blogger của bạn và điều hướng đến Layout> Edit HTML và kiểm tra các hộp mở rộng mẫu tiện ích . Bây giờ tìm kiếm mã  ]]> </ b: skin> khi bạn tìm thấy nó, thay thế mã với mã dưới đây:

.author_info {
float: left;
width: 573px;
padding: 10px;
border: #ccc rắn 1px;
margin-bottom: 15px;
margin-top: 15px;
background: #eee;
}
.author_info h3 {
margin-bottom: 10px;
}
.author_photo {
float: right;
margin: 0 0 0 10px;
}
.author_photo img {
border: 1px solid # 666;
}
]]> </ b: skin>

Bây giờ chúng ta sẽ thêm phần div của các widget thông tin tác giả. Để làm điều đó tìm kiếm các mã <div class = ‘post-footer-line post-chân-line-1’> và dán đoạn mã dưới đây sau <div class = ‘post-footer-line post-chân-line-1’ >

<b: if cond = ‘data: blog.pageType == & quot; item & quot;’>
<div class = ‘author_info’>
<div class = ‘author_photo’>
<img alt = ‘tác giả’ src = ‘http: // i50.tinypic.com/iw7lec.jpg ‘/> </ div>
<h3> bài này được viết bởi: </ h3>

<P> <a href=’http://congnghe247.net’ title=’Posts bởi Công nghệ 247> Công nghệ 247 </a> – người đã viết 66 bài viết cho <a href = ‘http: // congnghe247.net / ‘> congnghe247 </a>. </ p>

<p> Công nghệ 247 là một blogger và các trang web phát triển chuyên nghiệp. Theo anh ta trên <a href=’http://congnghe247.net> Twitter </a> hoặc <a href=’mailto:congnghe247.net@gmail.com’> email ông </a> <br style = ‘ clear: both; ‘/> </ p>
</ div>

</ B: if>

Chỉnh sửa thông tin theo nhu cầu của bạn. Nếu bạn gặp phải bất kỳ vấn đề để lại nhận xét.Chúng tôi sẽ cố gắng tốt nhất dùm bạn chỉnh sửa thành công Author box.

Bình Luận

comments

Xem thêm  Cách tạo Gmail số lượng lớn không cần xác minh điện thoại

Related Posts

Leave a Reply

Your email address will not be published. Required fields are marked *