Hiển thị thông tin tác giả dưới mỗi bài viết cho blogspot [V3]

Thủ thuật hiển thị thông tin tác giả trên mỗi bài viết của blogger đã có 2 Style được mình giới thiệu. Hầu hết các bạn đều rất thích thú với thủ thuật này vì nếu là blog cá nhân thì các bạn hoàn toàn có thể đưa thông tin lên để mọi người biết và kết bạn hoặc trao đổi.
Xem thêm:
Thêm thông tin tác giả dưới mỗi bài viết blogspot [V1]
Tạo thông tin tác giả dưới bài viết Blogspot V2 - Thủ thuật
Ở V3 này mình đã cập nhật những thông tin liên lạc thêm để các bạn có thể chèn vào Authors bài viết của tác giả.
phong vu Computer

Cách làm thủ thuật:
1. Vào bảng điều khiển Blogger -> mẫu (Template) -> Chỉnh sửa HTML (Edite HTML)
2. Tìm tới đoạn code

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

Sau đó dán đoạn code dưới đây dưới đoạn code trên vừa tìm được

/* Code hướng dẫn thủ thuật itviet360.com */
<style type="text/css">
#postauthor { background: #eef7f8; border: 1px solid #c6d9ed; padding:10px; margin: 15px 0; width:650px; height:90px; font-family:Georgia, "Times New Roman", Times, serif; }
#author-info{float:left; width:410px; padding:0 15px 0 0; border-right:1px solid #ccc; }
#author-info img {background:#fff; border: 1px solid #ddd; float: left; margin-right:10px;padding: 5px;
box-shadow: 0 0 3px #CCC; padding:3px;}#author-info h6 { color: #666; font-size: 18px; font-family:Georgia, "Times New Roman", Times, serif; font:Georgia, "Times New Roman", Times, serif }
#author-info h5 {color:#666; text-transform:none; font-size:12px; letter-spacing:0; font-family: Georgia;}
#author-info p { color: #515151; font-size: 12px; line-height:16px; font-family: Georgia;}
* { margin:0; padding:0;}#author-connect{width:21%; float:right; margin-right:8%; }
a.gplus-s{background: url("http://3.bp.blogspot.com/-YDfIvg3KYeE/T3AvpW2Gy0I/AAAAAAAABKw/zPiGkaX1V4I/s1600/gp-icon.png") no-repeat 0 0px; color: #666; font-weight: bold;margin: 5px 0px; padding: 0 20px;text-decoration: none;}
</style>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.author == "Author Name"'>
<div id="postauthor">
<div id="author-info">
<img alt='' src='https://lh5.googleusercontent.com/--2RN9lcWfXM/UUKgwKC4Z2I/AAAAAAAACMY/Q0A26LhlH88/s295/phong-vu.jpg' height='80' width='80' /><h6 style="font:Georgia"> Bài viết của Phong Vũ <a expr:href='data:post.authorProfileUrl' rel='author'><data:post.author/></a></h6>
<h5>Chào các bạn. Mình đến từ Nam Định</h5>
<p>Nếu bạn quan tâm đến các bài viết của mình. Hãy theo dõi mình qua <strong>
<a href="http://twitter.com/#" rel="nofollow" > Phong Vũ </a> </strong>. Chém gió <strong> và chém gió <a href="http://feeds.feedburner.com/blogspot/nguoinhaque00909" rel="nofollow" >RSS</a> or <a href="http://feedburner.google.com/fb/a/mailverify?uri=nguoinhaque0909&loc=en_US" rel="nofollow" > EMAIL </a> </strong>Theo dõi những bài tiếp.</p></div>
<div id="author-connect">
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpit62&send=false&layout=button_count&width=120&show_faces=false&action=like&colorscheme=light&font&height=21&appId=230688610312045" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:120px; height:21px;" allowTransparency="true"></iframe>
<a href="https://twitter.com/#" class="twitter-follow-button" data-show-count="false" data-size="small">Follow @itviet360</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<a href="https://plus.google.com/117290973503680239179" target="_blank" rel="nofollo" class="gplus-s" >Google</a></div></div>
</b:if></b:if>

- Thay những link để màu bằng tài khoản, hình ảnh tương ứng của bạn nhé.
Sau đó lưu mẫu lại và xem kết quả nhé. Chuyên mục: , , ,

0 nhận xét:

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