 |
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:
2. Centang kotak "Labels". Klik "Layout > Blog Posts > Edit > centang kotak "Labels:" seperti gambar berikut ini:
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 + "?&max-results=10"' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop></b:if> </span>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + "?&max-results=10"' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</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;}
.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.
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 + "?&max-results=10"' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if> </span></h3>
</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 + "?&max-results=10"' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if> </span></h3>
Demikian cara memunculkan Labels posting di bawah judul biar lebih seo dan user friendly. Good Luck!
No comments:
Post a Comment