Các điều kiện hiển thị dữ liệu trong tùy chọn trang bài viết của widget Blog version 2

Khi các bạn vào phần Bố cục tiện ích chọn chỉnh sửa Bài đăng trên Blog và trong hộp thoại Định cấu hình bài đăng trên Blog có các tùy chọn hiển thị trong ô vuông tích vào là hiển thị còn bỏ tích là không hiển thị.

Như vậy trong mẩu template cũng cần có điều kiện hiển thị bằng b:if cho một mục nào đó, dưới đây là danh sách các mục hiển thị, phần mình đánh dấu màu xanh là điều kiện hiền thị và đánh dấu màu đỏ là tụy chọn hiển thị.

Hiển thị tác giả:

<b:if cond='data:widgets.Blog.first.allBylineItems.author'>

  <span class='post-author'>

    <data:widgets.Blog.first.allBylineItems.author.label/>

    <a expr:href='data:post.author.profileUrl' expr:title='data:post.author.name'>

      <data:post.author.name/>

    </a>

  </span>

</b:if>

<data:widgets.Blog.first.allBylineItems.author.label/> Tùy chọn hiển thị tên ví dụ ghi chữ "Bởi" thì html sẽ hiển thị chữ "Bởi" còn nếu bỏ trống sẽ không hiển thị.

Hiển thị thời gian đăng bài

<b:if cond='data:widgets.Blog.first.allBylineItems.timestamp'>

  <data:widgets.Blog.first.allBylineItems.timestamp.label/>

  <span class='post-lastupdated'>

    <data:post.lastUpdated/>

  </span>

</b:if>

<data:widgets.Blog.first.allBylineItems.timestamp.label/> Tùy chọn hiển thị tên ví dụ ghi chữ "Lúc" thì html sẽ hiển thị chữ "Lúc" còn nếu bỏ trống sẽ không hiển thị.

Hiển thị số nhận xét

Tùy chọn này sẽ tắt luôn khung nhận xét của bài viết

<b:if cond='data:widgets.Blog.first.allBylineItems.comments'>

  <a expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick' expr:title='data:messages.postAComment'>

    <data:post.numberOfComments/>

  </a>

</b:if>

Các liên kết với bài này

<b:if cond='data:widgets.Blog.first.allBylineItems.backlinks.label'>

  <div class='backlinks-container'>

    <a expr:href='&quot;https://www.blogger.com/blog-this.g?u=&quot; + data:post.url.canonical + &quot;&amp;n=&quot; + data:post.title + &quot;&amp;t=&quot; + data:post.snippets.long' expr:title='data:widgets.Blog.first.allBylineItems.backlinks.label' target='_blank'>

      <data:widgets.Blog.first.allBylineItems.backlinks.label/>

    </a>

  </div>

</b:if>

<data:widgets.Blog.first.allBylineItems.backlinks.label/> Tùy chọn hiển thị tên ví dụ ghi chữ "Tạo một liên kết" thì html sẽ hiển thị chữ "Tạo một liên kết" còn nếu bỏ trống sẽ không hiển thị.

Hiển thị nhãn (label)

<b:loop values='data:post.labels' var='label'>

  <b:if cond='data:widgets.Blog.first.allBylineItems.labels'>

    <data:widgets.Blog.first.allBylineItems.labels.label/>

    <span class='label'>

      <a expr:href='data:label.url' expr:title='data:label.name'>

        <data:label.name/>

      </a>

    </span>

  </b:if>

</b:loop>

<data:widgets.Blog.first.allBylineItems.labels.label/> Tùy chọn hiển thị tên ví dụ ghi chữ "Nhãn" thì html sẽ hiển thị chữ "Nhãn" còn nếu bỏ trống sẽ không hiển thị.

Hiển thị phản ứng:

<b:if cond='data:widgets.Blog.first.allBylineItems.reactions'>

  <span class='reactions'>

    <span class='reactions-label'>

      <data:widgets.Blog.first.allBylineItems.reactions.label/>

    </span>

    <iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/>

  </span>

</b:if>

<data:widgets.Blog.first.allBylineItems.reactions.label/> Tùy chọn hiển thị tên ví dụ ghi chữ "Phản ứng" thì html sẽ hiển thị chữ "Phản ứng" còn nếu bỏ trống sẽ vẫn hiển thị chữ "Phản ứng".

Hiển thị Chỉnh sửa Nhanh

Tính năng này không còn khả dụng, tuy nhiên bạn vẫn có thể thêm vào thủ công bằng cách thực hiện theo bài viết Cách thêm biểu tượng cây bút chì vào lại bài viết trong widget Blog version 2

Hiển thị Liên kết Bài qua Email

<b:if cond='data:widgets.Blog.first.allBylineItems.icons'>

  <span class='post-icons'>

    <a expr:href='data:post.emailPostUrl' expr:title='data:messages.emailPost'>

      <b:include data='{ iconClass: &quot;touch-icon sharing-icon&quot; }' name='emailIcon'/>

    </a>

  </span>

</b:if>

Hiển thị nút chia sẻ

<b:if cond='data:widgets.Blog.first.allBylineItems.share'>

  <div class='byline post-share-buttons goog-inline-block'>

    <b:include data='{ sharingId: (data:sharingId ?: (data:widget.instanceId + &quot;-byline-&quot; + data:post.id)), shareUrl: data:post.shareUrl, originalUrl: data:post.url }' name='sharingButtons'/>

  </div>

</b:if>

Hiển thị vị trí

Hiển thị hồ sơ tác giả bên dưới bài đăng

<b:if cond='data:widgets.Blog.first.allBylineItems.author and data:view.isPost'>

  <div class='author-profile'>

    <b:if cond='data:post.author.authorPhoto.url'>

      <img class='author-image' expr:src='data:post.author.authorPhoto.url' width='50px'/>

      <div class='author-about'>

        <b:include data='post' name='aboutPostAuthor'/>

      </div>

    <b:else/>

      <b:include data='post' name='aboutPostAuthor'/>

    </b:if>

  </div>

</b:if>