Menampilkan Label Di Atas Judul Posting

Untuk menampilkan label yang biasanya ada di bawah posting menjadi ada di atas judul posting, caranya adalah sebagai berikut:

1.Login ke Blogger—>Template—>Edit HTML

2. Beri tanda cek pada kolom "Expand Widget Templates", lalu cari dan kopi baris kode label post seperti berikut:

<div class='post-footer-line post-footer-line-2'><span class='post-labels'>
  <b:if cond='data:post.labels'>
    <data:postLabelsLabel/>
    <b:loop values='data:post.labels' var='label'>
      <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
    </b:loop>
  </b:if>
</span> </div>

3. Cari baris kode judul posting (h3) seperti berikut:

<div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  <a expr:name='data:post.id'/>
  <b:if cond='data:post.title'>
  <h3 class='post-title entry-title' itemprop='name'>
  <b:if cond='data:post.link'>
    <a expr:href='data:post.link'><data:post.title/></a>
  <b:else/>
    <b:if cond='data:post.url'>
      <b:if cond='data:blog.url != data:post.url'>
        <a expr:href='data:post.url'><data:post.title/></a>
      <b:else/>
        <data:post.title/>
      </b:if>
    <b:else/>
      <data:post.title/>
    </b:if>
  </b:if>
  </h3>
</b:if>

4. Sisipkan baris kode pada no.2 ke dalam baris kode pada no.3 sehingga susunannya menjadi seperti berikut:

<div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>

<div class='post-footer-line post-footer-line-2'><span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if>
</span> </div>

<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

5. Simpan template.

Sekarang label pos akan tampil di atas judul posting ya.

Selamat mencoba!