Home » Thủ thuật blog
Hiển thị thông tin tác giả dưới mỗi bài viết cho blogspot [V3]
Thứ Hai, 15 tháng 4, 2013
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ả.
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
Sau đó dán đoạn code dưới đây dưới đoạn code trên vừa tìm được
- 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é.
Tags:
Thu thuat, Thu thuat blogspot, Thủ thuật blog
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ả.
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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2dBWPR4rqKqi8oUAp8hLu2Jr9Ggl59vBG1DERZD-kK4SJ_jDdSfKiYjgIoCSQ3sppSH0w3yyVK_duOQg6njW9gBzq_s2hzSHkKtr_oIQXfAhNN1wBkoxDmNiEgBBZWY7EIgad0UkZGVxi/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje7HSB9df2igX7T2UynlWJmXvNCKrQV5XRmMsdmVuUbmqkBIPxmxpmpsBqdI9aEuCFO75qU2HYke-cZH25F1IZ0iFBUd_QcTbULk9awAZq7yfaBBXywNcuVgBhoSGOwo0_Aatvrvv3S1bb/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é.

- Xóa dòng chữ "hiển thị tất cả bài đăng có nhãn..." trong blogspot
- Template tin tức giải trí tuổi trẻ [tiin] cho blogspot
- Rss Feed Subscription đẹp - Nhận tin theo dõi Blogspot
- Thêm tác giả, quyền Admin cho blogspot
- Thêm Slide bài viết mới chạy ngang cho Blogspot
- Thủ thuật Facebook chèn link web vào stt FB hiện chung với like cmt và share
- Hiển thị nhãn (label) phong cách màu tím cực nổi cho blogspot [V3]
- Biểu tượng trái tim tình yêu đẹp trên Facebook (FB)
- Thêm Google translate - dịch đa ngôn ngữ cho Blogspot
- Code Javascript tạo thêm đồng hồ cho Website, blog
- Blogger Templates Vector Responsive
- Tạo iFrame YouTube Màu bạc
Comments[ 0 ]
Đăng nhận xét