Cara Memasang Label & Tanggal di Atas Postingan Blog Halaman Depan

Baca Juga

Cara Memasang Label & Tanggal di Atas Postingan Blog Halaman Depan

LINK Labe dan Tanggal Posting biasa ditampilkan di atas judul postingan blog, khusus halaman depan. Untuk judul halaman dalam, biasanya sudah ada Breadcrumbs dan Post Header.

Berikut ini screenshot Label & Tanggal di Atas Postingan Blog Halaman Depan. Jumlah label yang ditampilkan satu saja, biar bagus.

Menampilkan nama label fungsinya untuk navigasi atau internal link. Ini juga menambah SEO blog. Fungsi tanggal tentu saja untuk menunjukkan waktu publikasi tulisan atau artikel.

Cara Memasang Label & Tanggal di Atas Postingan Blog Halaman Depan

1. Tema > Edit HTML
2. Copas kode CSS label dan tanggal berikut ini di atas kode </head>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style type='text/css'>
.post-labels {margin-bottom: 5px;font-size: 95%;}
.post-labels a {color:#c00;text-decoration:none}
</style>
</b:if>
</b:if>

3. Copas HTML label dan tanggal berikut ini di atas kode seperti ini:

<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>

<div class='post-labels'>
        <b:if cond='data:post.labels'>
         <b:loop values='data:post.labels' var='label'>
                                  <b:if cond='data:label.isLast == &quot;true&quot;'>
                                    <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
                                  </b:if>
                                </b:loop>
  </b:if> | <data:post.timestamp/>
       </div>

4. Save! Simpan template.

Demikian Cara Memasang Label & Tanggal di Atas Postingan Blog Halaman Depan. Good Luck & Happy Blogging! (www.contohblog.com).*