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ủ 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/AVvXsEh6IKmPedn8jq1_6yh1qdrFfTN2UFu4ovPdf3vYabMYygUt2Lk7zR3Ezcz6346kcxHMGP9l2152ho1xtijOjSQKCRUBKoDJifoRQn3XqpszZqlMxa5rYwiyFp69LqyrCyNe3rawmC8G4h-M/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/AVvXsEjAZobLffBR8_ZlN3Wfvqd19ZfLFfqTR-nJnwhnbLEsaZNr72V660XKsoQImt9MuyvJPTeZo0Az5nJquyaylAXdhvB7zrxcr84OSldNMVmgpKamcVOb3l-SsRroU8IvTcvYs997O6w_aEGC/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é.

- Cài đặt theo dõi Google analytics cho blogspot
- Cách tạo khung Form đăng nhập cho blogspot
- Thêm chia sẻ Like và share bài viết cho blogspot [trên trang itviet360]
- Thêm nút theo dõi (Follow) cho blogspot
- Feedburner Google và cách lấy tùy chỉnh cho blogspot
- Tiện ích Popular Posts - Bài xem nhiều với CSS3
- Mạng xã hội theo dõi với hiệu ứng rê chuột cho blogspot
- Mudim - Thêm bộ gõ tiếng Việt cho blogspot
- Hiệu ứng màu chạy lấp lánh trong chữ cho blogspot
- Thủ thuật thêm "comment mới gần đây nhất" cho blogspot
- Template dịch vụ, công ty giới thiệu cho blogspot
- Thủ thuật tạo khung liên kết thanh cuộn cho blogspot
Comments[ 0 ]
Đăng nhận xét