23:57 - 24/04/2014

Thêm tác giả, ngày viết bài, comment dưới tiêu đề cho Blogspot

    Thường thì các Blogger khi viết bài đều để lại thông tin của người Post, Thời gian Post bài. Nhưng không phải bất cứ Template Blogspot/Blogger nào cũng có sẵn những thứ này. Ở bài này tôi tạm gọi chúng là postmeta. Với thẻ postmeta này chỉ cho phép hiển thị ở trang bài viết. Bạn có thể xem hình minh họa và Demo bên dưới



    Cách thực hiện:
    Bạn tìm post bar hentry và giống đoạn Code bên dưới 
      <div class='post bar hentry'>    <b:if cond='data:blog.pageType != &quot;item&quot;'><b:if cond='data:post.title'>      <h2 class='post-title entry-title'>     <b:if cond='data:post.link'>       <a expr:href='data:post.link'><data:post.title/></a>     <b:else/>        <b:if cond='data:post.url'>          <a expr:href='data:post.url'><data:post.title/></a>        <b:else/>          <data:post.title/>        </b:if>     </b:if>      </h2></b:if>
    Chèn đoạn Code sau bên dưới đoạn Code phía trê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(http://1.bp.blogspot.com/-BHRCsN73acQ/UPKxKFtk-mI/AAAAAAAACcI/Vc9nAuUh7F8/s1600/user.png) left center no-repeat;padding:2px 5px 2px 20px}.clock{color:#666;background:url(http://2.bp.blogspot.com/-GEuHpjA0MF8/UPKxKPNlBwI/AAAAAAAACcE/aCzen2hdPS4/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://lh3.googleusercontent.com/-7qvDZYKeZME/U02EWIbpKzI/AAAAAAAAHhQ/S33QoqxBeq0/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>
    Chúc bạn thực hiện thành công. Vui lòng để lại Comment bên dưới

Bình luận & Góp ý

0 nhận xét:

Đăng nhận xét