Thêm tên tác giả dưới tiêu đề bài viết Blogspot

Như tiêu đề là Thêm tên tác giả dưới tiêu đề vài viết Blogspot nhưng thật ra ở đây là thêm tác giả, ngày tháng đăng bàichỉnh sửa bài đăng nhanh ngay dưới tiêu đề bài đăng ở trang chủ và cả ở bài đăng chi tiết .
người đăng bài

admin đăng bài

Để thực hiện được việc này các bạn làm như sau :

Bước 1 : 

Đăng nhập vào Blogger => Mẫu => Chỉnh sửa HTML tìm đếm thẻ sau :
<h1 class='post-title entry-title'> ....</h1>

Bước 2 : 

Chèn đoạn code sau ngay bên dưới nó.
<b:if cond='data:blog.pageType != &quot;static_page&quot;'><div class='postmeta'><style>.postmeta{font: 12px arial;float: left;width: 100%;}.author{color:#666;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZazgUa6Wm09JgZHepN4RULV7RQg7YBZGfb5LjCG8w4alXO9x5XJvDuRi6yzPFb1V_C_lS6vSH33jqKX5EWaLQIdELoDdYBn2LOxI2XI5BF3LM41K2O_SuFrdbMj7viY1BtxE9F_LBsPW0/s1600/user.png) left center no-repeat;padding:2px 5px 2px 20px}.clock{color:#666;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG6W9JxXQMdFR0F_sV1gh9P6IuVJYLuEeja5oigtcvA2nRbMjrGuLoBswFQekjG3HyPD2n6v-8Z8YXxT6vnjvVDHu-0oF_dbpy6VXYcFmCWVHRFQ08zFTJ7t_-fJo7xR23FYStKJ_1SEus/s1600/time.png) left center no-repeat;padding:2px 5px 2px 20px}.clock a{color:#666}.clock a:hover{color:#422929}.commentsmeta {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVjSa5zh9YtVbGjGya3dPV2K3BrabJBA7yGs5molOne8kQudzdwcywLSUR1CZ96eZ7h_6t9DeMdnYulpvscJVxNAt373Ro1K92Fn7rIPueMYR3DzCSsWM3vsSsM3H2ioXFdZzu1mPVc0xB/h120/ico-help.png) no-repeat;padding: 0 25px;margin-left: 5px;}.video-container iframe,.video-container object, .video-container embed { position:absolute;width:100%; height:100%;text-align:center }</style> <span class='author'><data:post.author/> </span> <span class='clock'><data:post.timestamp/></span>  <span class='commentsmeta'><b:if cond='data:post.allowComments'>  <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'>0 comments</b:if> <b:if cond='data:post.numComments == 1'>1 comment</b:if> <b:if cond='data:post.numComments &gt;= 2'> <data:post.numComments/> comments</b:if> </a></b:if></span>  <!-- quickedit pencil -->  <b:include data='post' name='postQuickEdit'/></div></b:if>

Bước 3 : 

Lưu template lại và kiểm tra thành quả bạn vừa làm được. Hồng Designer chúc các bạn thành công.
Previous
Next Post »
Thanks for your comment