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 seotopseo.blogspot.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/AVvXsEgm9lMqKfkle9YoLFfb-0m_Vfwjkd_eGJlxbBCGSl5pKEArGLMkllbpOxtNy2BcRm2lVVwhiz3CxFGr9ZbHAFP9L5WcgB24A7h0LtILSaWbYXZs3GceSIYm-8dBgCjpioWNJH_yG5Io5cNX/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/AVvXsEg1jBRQFA75e_O4FQwPk0IjYSSnOi3bh4M1F4FQOeOFoa6kwoUNvhYCrhfQns6UqPo0EpF6pB4teniWrdO8q5D84v9TBDRQ1L-xSflApbIM6-ZgXyjb8sLj7_XT4vetcJloE5NSG9wTrXZR/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 @seotopseo.blogspot.com</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é.
