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ài và chỉ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 .

Để 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/AVvXsEgtSYrysXrvS3RShswSd3we6Zx-aillPFJQXBGR6GS__9tbo2P4LMeSgeT5eDYh3woeasO0JxSQ9Hk3dfvtTdswRbnnsC11pJUE_UG4xL_yLtYqRbrxPEW4GW-w3S_9lv_k3wSZhmzC5Qh9/s1600/user.png) left center no-repeat;padding:2px 5px 2px 20px}.clock{color:#666;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDgLQTXXemXTarB1Mw5QWSb3AOxl6clS8YzG4C1phluoKFJsQsc4V_-HpCDurmnamrXfQy__gvTZTD5ZFoiLDPrxiVzjNwBH_bJliAVaCeJXMPnyEE_2bMOx1I1aqzhElsnyOZe3oXzou-/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/AVvXsEjeqnU-cxXZD1GB9VJ_dxZmVAh8SpkXJUYJQnqiTIVO_43DHMvS4LpQsLCyjSeXj6M27gyRI3aou5Oy8c7SXC2t-00NYNjXeygALRXrM0SZW0L54VN4lD4OeIW4CaCL-UsOn2L_9tORR9w2/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.