Menampilkan Tanggal Postingan Pada Label Tertentu

Usuluddin, S.Kom    Jumat, April 17, 2020    TUTORIAL   

Menampilkan Tanggal Postingan Pada Label Tertentu

GoSEO.id - Kemarin kita telah membahas bagaimana "Membuat Menu Navigasi Keren Di Viomagz". Yang mana menu navigasi tersebut terinspirasi dari blognya mbak igniel. Menu navigasi pada tutorial yang telah kami buat tersebut hanya akan terlihat saat kita browse menggunakan smartphone atau mode mobile.

Pada kesempatan hari ini GoSEO.id akan membahas bagaimana caranya kita "Menampilkan Tanggal Postingan Pada Label Tertentu". Yang mana tanggal cara ini bisa kita lakukan dengan mudah dengan menggunakan tag conditional khusus.

Nah, jika kamu mempunyai beberapa artikel dengan label atau tag yang berbeda dan ingin tanggal postingannya tampil pada postingan atau hasil pencarian tertentu, coba dan silahkan ikuti langkah yang kami berikan ini :

Menampilkan Tanggal Postingan Pada Label Tertentu

1. Pertama silahkan login menggunakan akun blogger.com milikmu.
2. Setelah itu klik menu Tema ⇨ lalu klik tombol Edit HTML.
3. Berhubung setiap theme yang kita miliki menggunakan struktur HTML dan tag yang berbeda, maka akan kami tunjukkan bagaimana cara input dan callernya serta peletakannya pada gadget versi 1 dan gadget versi 2.
   

   Silahkan sesuaikan selector dan tag dengan theme masing-masing

   
   # Gadget Versi 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 yang ditandai dengan nama label yang ingin ditampilkan tanggal postingannya.
   • Cari kode <b:includable id='main' var='top'>...</b:includable> , lalu letakkan kode diatas setelah kode ini.
   
   # Gadget Versi 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 yang ditandai dengan nama label yang ingin ditampilkan tanggal postingannya.
   • Cari kode <b:includable id='comments' var='post'>...</b:includable> atau <b:includable id='comments' var='post'/> , lalu letakkan kode diatas setelah kode ini.
4. Kemudian letakkan kode pemanggil dibawah dan boleh diletakkan di salah satu pada post-header atau post-footer (atau yang serupa lainnya) agar sejajar dengan post meta tag lainnya.
   

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

5. Setelah kamu melakukan hal yang diatas dengan benar, maka perlu tindakan tambahan agar tutorial yang satu ini dapat berjalan dengan baik. Pastikan kamu menghilangkan centang Show Timestamp post melalui Layout ⇨ Main. Seperti gambar berikut ini :

   

   Klik Gambar Untuk Memperbesar

Akhir Kata

Tutorial "Menampilkan Tanggal Postingan Pada Label Tertentu" ini tidak akan mengganggu struktur schema.org dari theme kamu. Meskipun struktur schema.org yang diterapkan pada theme mengharuskan adanya post date pada setiap postingan.

Semoga postingan ini bermanfaat. Silahkan tinggalkan komentar jika kamu memiliki pertanyaan. Serta terima kasih telah hadir dan membaca artikel ini.