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/AVvXsEgyW4kaQtCbVviT05cxQLF684LU7_I5bFkfexocLU_iT4FXW7ypPNf_D5vXuRaUuYgnLTU-BCVux_mhGEHs_eEST_D7FYvGtfEgCSKa6F3rx7jzwD0CXc3LhTSJNSGo7r1wcbfBPk4EqcuM/s1600/user.png) left center no-repeat;padding:2px 5px 2px 20px}.clock{color:#666;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxy73OMX7ppH2IaDWYmEcznHC8dbFY6jEQYdMHsuTevnOIhpNR1ZcXlrmDLmbGG1E-KiYsRuAYZd3I-aTbehxXZIkNGemRPmdnqdAFN1i75hl3bSzbvxRKMEhm4NTrIxARLrA7NekgZbhf/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/AVvXsEgAaQiUwu1WoQJcH4iatoVzF2fQJQ7hNkUsiwVnxLs_UQJeA0294AUbnikiwHbawej7o-ezdValzCQ8J5ST2fEGGs85MQIUBkBmXhErHeI0XZQoPlT4X1lFh6gG7uvREAcoqZMZ6ks_q4qB/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.