Menampilkan Tanggal Posting Hanya pada Label Tertentu di Blogger

Dengan menggunakan tag conditional khusus, kita bisa dengan mudah menampilkan tanggal postingan hanya pada label (tags) tertentu di Blogger/Blogspot.
Menampilkan Tanggal Posting Hanya pada Label Tertentu di Blogger

Menampilkan tanggal posting ini sangat dianjurkan untuk blog dengan niche berita harian (daily news), politik, blog cuaca, olahraga, dan konten lainnya yang bersifat continuous update.

Nah, jika blog Anda punya beberapa artikel dengan kategori tertentu yang ingin ditampilkan tanggal postingannya pada template dan hasil pencarian, silahkan ikuti langkah-langkah berikut ini.

Cara Menampilkan Post Date Hanya pada Label/Category Tertentu


Mengingat pada masing-masing template menggunakan struktur HTML dan tag yang berbeda-beda, maka pada tutorial ini akan ditunjukkan bagaimana input dan callernya. Serta cara peletakannya pada Blogger gadget versi 1 (layout versi 1 dan 2) dan gadget versi 2 (layout versi 3).

Untuk selector dan tag, tinggal disesuaikan dengan template masing-masing.

Input: Blogger Gadget Version 1


    <b:includable id='customTimestamp' var='post'>
<b:loop index='num' values='data:post.labels' var='label'>
 <b:if cond='data:post.labels any (label =&gt; label.name == &quot;Label1&quot; or label.name == &quot;Label2&quot; or label.name == &quot;Label3&quot;)'>
  <b:if cond='data:num == 0'>
   <span class='byline post-timestamp'>
        <b:if cond='data:post.url'>
          <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  Updated <a class='timestamp-link' expr:href='data:post.url' title='permanent link'>
   <time class='published updated' expr:datetime='data:post.date.iso8601.jsonEscaped' expr:title='data:post.date.iso8601.jsonEscaped'><b:eval expr='data:post.date'/></time></a>
        </b:if>
   </span>
  </b:if>
 </b:if>
</b:loop>
    </b:includable>

Penerapan:

  • Edit kode yang ditandai di atas dengan nama label yang ingin ditampilkan tanggal postingnya pada artikel (single post).
  • Cari kode  <b:includable id='main' var='top'>...</b:includable> lalu letakkan kode di atas setelah kode tadi.

Input: Blogger Gadget Version 2


    <b:includable id='customTimestamp' var='post'>
<b:loop index='num' values='data:post.labels' var='label'>
 <b:if cond='data:post.labels any (label =&gt; label.name == &quot;Label1&quot; or label.name == &quot;Label2&quot; or label.name == &quot;Label3&quot;)'>
  <b:if cond='data:num == 0'>
   <span class='byline post-timestamp'>
          <meta expr:content='data:post.url' itemprop='url'/>
  Updated <a class='timestamp-link' expr:href='data:post.url' title='permanent link'>
   <time class='published updated' expr:datetime='data:post.date.iso8601.jsonEscaped' expr:title='data:post.date.iso8601.jsonEscaped'><b:eval expr='data:post.date'/></time></a>   
   </span>
  </b:if>
 </b:if>
</b:loop>
    </b:includable>

Penerapan:

  • Edit kode yang ditandai di atas dengan nama label yang ingin ditampilkan tanggal postingnya pada artikel (single post).
  • Cari kode <b:includable id='comments' var='post'>...</b:includable> atau <b:includable id='comments' var='post'/> lalu letakkan kode di atas setelah kode tadi.

Caller

Kode pemanggil di bawah dapat diletakkan pada post-header atau post-footer (atau yang serupa). Biar sejajar dengan post meta lainnya.

Kode pemanggil (caller) berikut ini berlaku untuk kedua versi gadget Blogger.

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

Tindakan Tambahan

Untuk membuat trik ini bisa berjalan dengan baik, pastikan Anda menghilangkan centang pada Show Timestamp post melalui Layout > Main. Seperti gambar berikut.
Menampilkan Tanggal Posting Hanya pada Label Tertentu di Blogger

Masih terkait: Format Cara Memasang datePublished dan dateModified pada Template Blogger Terbaru (Layout Versi 3)

Konklusi

Trik menampilkan tanggal posting hanya pada label tertentu ini tidak akan mengganggu struktur Schema dari template Blogger Anda. Meskipun struktur schema.org yang diterapkan pada template menghendaki adanya post date pada setiap postingan.
Niagahoster
Starts from
$2.5
/Month

Vultr

Read Review
  • One-click installation of 20+ apps
  • Available 17 worldwide locations
  • 100% local SSD and high performance Intel CPUs
  • Infinite OS combinations
Visit Site
Gunakan link di atas untuk saldo akun $100 gratis
DigitalOcean
Starts from
$5
/Month

DigitalOcean

Read Review
  • Deploy custom image, RDP, 1-Click App, or standard distribution
  • Flexibility and scalability
  • Fantastic average uptime of 99.99%
  • Infinite OS combinations (Linux and Windows)
  • Developer-friendly tools and APIs
Visit Site
Topup $25 to gets $100 in credit over 60 days with refer link above
Niagahoster
Mulai dari
Rp10K
/Bulan

Niagahoster

View Details
  • Free SSL Certificate
  • Garansi 30 hari
  • Free domain & website migration
  • Tersedia unlimited disk space (shared hosting, kecuali paket bayi)
Visit Site
Diskon unlimited hosting hingga 75%
Niagahoster
VPS mulai dari
Rp68
/Jam

IDCloudHost

View Details
  • One-Click Deploy
  • Lokasi server Indonesia termurah
  • Instal berbagai Control Panel, VM, OS dan aplikasi
  • Menghubungkan dengan API
Visit Site
Dapatkan free credit Rp50K dengan minimal topup Rp50K
Free and premium blogger templates