November 18, 2018

Cara Memasang Label & Tanggal di Atas Postingan Blog Halaman Depan

November 18, 2018

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.

Label & Tanggal di Atas Postingan Blog Halaman Depan

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).*

Previous
« Prev Post
Author Image

CB Blogger

Recommended Posts

Related Posts

Show comments
Hide comments

No comments on Cara Memasang Label & Tanggal di Atas Postingan Blog Halaman Depan

Post a Comment

Contact Form

Name

Email *

Message *