Home » , » Cara Menampilkan Label Posting Blog di Bawah Judul Tulisan

Cara Menampilkan Label Posting Blog di Bawah Judul Tulisan

Label Posting Blog di Bawah Judul Tulisan
www.bloggingtips.com
MEMUNCULKAN, membuat, atau menampilkan Post Labels (Kategori Tulisan) blog di bawah judul tulisan dianjurkan oleh Google.

Setting dashboard dan template-template bawaan blogger juga sudah menyediakan kode-kode label untuk dimunculkan di bawah judul, umumnya setelah by line "Posted by.." atau "Diposkan oleh..."

Biasanya, urutannya adalah sebagai berikut: Author Name, Post Date, Labels, and Comments, seperti: Posted by Admin on Januari 2, 2015 in Tips SEO with 0 Comments.

Menampilkan Labels di posting memudahkan pengunjung mengenali konteks tulisan, sekaligus menjadi "internal link" yang memudahkan pembaca membuka posting lainnya di kategori (topik, tema) tulisan yang sama.

Google juga merekomendasikan penggunaan labels: Label your posts!

Cara Menampilkan Label Posting Blog di Bawah Judul Tulisan

1. Pastikan setiap tulisan Anda diberi Labels. Saat membuat posting, lihat ke kanan, di sana ada "Post Setting" sebagai berikut:

Label Posting Blog


Jika kolom ini tidak diisi, maka otomatis posting Anda akan menjadi "Unlabelled" atau "Uncategorized" dan itu tidak baik buat seo posting.

2. Centang kotak "Labels". Klik "Layout > Blog Posts > Edit > centang kotak "Labels:" seperti gambar berikut ini:

Label Posting Blog di Bawah Judul Tulisan


CARA LAIN
Jika cara di atas tidak bisa memunculkan Labels di bawah judul tulisan, itu artinya template blog tidak mendukung! Maka, lalukan langkah berikut ini:

1. Klik "Template" ›› "Edit HTML" ›› cari (Ctrl+F) kode  <data:post.body/>
2. Copy + Paste kode berikut ini di atasnya:

<span class='post-label'> in <b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + &quot;?&amp;max-results=10&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop></b:if> </span>

3. Copas juga kode berikut ini di atas kode ]]></b:skin> 

.post-label {float:left;font-size:12px;color:#555}
.post-label a {color:#111text-decoration:none;}
.post-label a {text-decoration:undeline;}

4. Save Template!

Beres.... Labels (mestinya) sudah tampil alias muncul di bawah judul posting.

KODE PUNYA CB
Jika Anda pengguna New Johny Wuss V1 & V2, maka bisa menggunakan kode yang digunakan CB berikut ini untuk menampilkan Labels. Ada di bawah kode <div class='post-header-line-1'/> seperti ini:

<div class='post-header-line-1'/>
    </div>
        <b:if cond='data:post.dateHeader'>
          <h3 class='date-header'><span>Posted by Nama Anda
</span><span class='post-label'> in <b:if cond='data:post.labels'>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url + &quot;?&amp;max-results=10&quot;' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if> </span></h3>

Demikian cara memunculkan Labels posting di bawah judul biar lebih seo dan user friendly. Good Luck!

Thanks for reading & sharing Cara Menampilkan Label Posting Blog di Bawah Judul Tulisan

Previous
« Prev Post

1 comments:

Comment Page:
  1. Kalau diposkanoleh, sama waktunya juga gimana ya

    ReplyDelete

Komentar spam, menyertakan link aktif dan alamat blog tidak akan muncul. Tidak semua pertanyaan sempat atau bisa dijawab. Thanks for visiting and the comment :)

E-mail Newsletter

Receive Latest Posts from CB Blogger Straight in Your Email Inbox