Blog Ghifari

Cara Menampilkan Label Posting Blog di Bawah Judul Tulisan

<div style="text-align: left;">
</div>
<b>MEMUNCULKAN</b>, membuat, atau menampilkan Post Labels (Kategori Tulisan) blog di bawah judul tulisan dianjurkan oleh Google.<br />
<br />
Setting dashboard dan template-template bawaan blogger juga sudah menyediakan kode-kode label untuk dimunculkan di bawah judul, umumnya setelah <i>by line </i>"Posted by.." atau "Diposkan oleh..."<br />
<br />
Biasanya, urutannya adalah sebagai berikut: <i>Author Name, Post Date, Labels, and Comments</i>, seperti: <i>Posted by Admin on Januari 2, 2015 in Tips SEO with 0 Comments</i>.<br />
<br />
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.<br />
<br />
Google juga merekomendasikan penggunaan labels: <a href="https://support.google.com/blogger/answer/44498?hl=en" rel="nofollow" target="_blank">Label your posts</a>!<br />
<br />
<h3>
<b>Cara Menampilkan Label Posting Blog di Bawah Judul Tulisan</b></h3>
1. Pastikan setiap tulisan Anda diberi Labels. Saat membuat posting, lihat ke kanan, di sana ada "Post Setting" sebagai berikut:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4QUZSm15aTrxc2bVyR9FOt_PpVmFnU6oxiNbt_NfmbAjdKOk8Io4XtGa2oBWk3s27PtXO8jAck003TaF6dPofQ9qZEqfIcm8mgfItJjVqCfhl1Rb1L_ABUPLtzRY0nudty9g485RqPtr3/s1600/Blogger++Contoh+Blog+-+Create+post.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Label Posting Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4QUZSm15aTrxc2bVyR9FOt_PpVmFnU6oxiNbt_NfmbAjdKOk8Io4XtGa2oBWk3s27PtXO8jAck003TaF6dPofQ9qZEqfIcm8mgfItJjVqCfhl1Rb1L_ABUPLtzRY0nudty9g485RqPtr3/s1600/Blogger++Contoh+Blog+-+Create+post.png" title="Label Posting Blog" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
Jika kolom ini tidak diisi, maka otomatis posting Anda akan menjadi "Unlabelled" atau "Uncategorized" dan itu tidak baik buat seo posting.<br />
<br />
2. Centang kotak "Labels". Klik "Layout > Blog Posts > Edit > centang kotak "Labels:" seperti gambar berikut ini:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEyLbOUMkkBHSAmCf5KxwukQhrHfBxI7awYufU-zj7S6Ke9qu6_Fj_wPJzyvvQM-u_R441X_ALPR3EIxWlvjFd3QWCsY6d5uWw1BTbp95p74xy47fo2LoQVzOkzMppIL4c_jvxf3XdnUnn/s1600/Konfigurasi+Posting+Blog++-+Labels.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Label Posting Blog di Bawah Judul Tulisan" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEyLbOUMkkBHSAmCf5KxwukQhrHfBxI7awYufU-zj7S6Ke9qu6_Fj_wPJzyvvQM-u_R441X_ALPR3EIxWlvjFd3QWCsY6d5uWw1BTbp95p74xy47fo2LoQVzOkzMppIL4c_jvxf3XdnUnn/s1600/Konfigurasi+Posting+Blog++-+Labels.jpg" title="Label Posting Blog di Bawah Judul Tulisan" width="320" /></a></div>
<br />
<br />
<b>CARA LAIN</b><br />
Jika cara di atas tidak bisa memunculkan Labels di bawah judul tulisan, itu artinya template blog tidak mendukung! Maka, lalukan langkah berikut ini:<br />
<br />
1. Klik "Template" ›› "Edit HTML" ›› cari (Ctrl+F) kode  <span style="color: red;"><data:post.body/></span><br />
2. Copy + Paste kode berikut ini di atasnya:<br />
<div>
<br /></div>
<div style="background-color: #f2f2f2; border: 1px solid #ddd; padding: 10px; text-align: left;">
<span class='post-label'> in <b:if cond='data:post.labels'><br />
<b:loop values='data:post.labels' var='label'><br />
<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><br />
</b:loop></b:if> </span></div>
<div>
<br />
3. Copas juga kode berikut ini di atas kode <span style="color: red;">]]></b:skin> </span></div>
<div>
<br />
<div style="background-color: #f2f2f2; border: 1px solid rgb(221, 221, 221); padding: 10px;">
.post-label {float:left;font-size:12px;color:#555}<br />
.post-label a {color:#111text-decoration:none;}<br />
.post-label a {text-decoration:undeline;}</div>
<div>
<br /></div>
</div>
<div>
4. Save Template!<br />
<br />
Beres.... Labels (mestinya) sudah tampil alias muncul di bawah judul posting.</div>
<div>
<br />
<b>KODE PUNYA CB</b></div>
<div>
Jika Anda pengguna New Johny Wuss V1 & V2, maka bisa menggunakan kode yang digunakan CB berikut ini untuk menampilkan Labels. Ada di bawah kode <span style="color: red;"><div class='post-header-line-1'/> </span>seperti ini:<br />
<div>
<br /></div>
<div>
<div style="background-color: #f2f2f2; border: 1px solid #ddd; padding: 10px; text-align: left;">
<div class='post-header-line-1'/><br />
    </div><br />
        <b:if cond='data:post.dateHeader'><br />
          <h3 class='date-header'><span>Posted by <span style="color: red;">Nama Anda</span><br />
</span><span class='post-label'> in <b:if cond='data:post.labels'><br />
          <b:loop values='data:post.labels' var='label'><br />
            <a expr:href='data:label.url + &quot;?&amp;max-results=10&quot;' rel='tag'><data:label.name/></a><br />
<span class="Apple-tab-span" style="white-space: pre;">   </span><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><br />
          </b:loop><br />
        </b:if> </span></h3></div>
</div>
<div>
<br /></div>
<div>
Demikian cara memunculkan Labels posting di bawah judul biar lebih seo dan user friendly. Good Luck!</div>
</div>

Cara Menampilkan Label Posting Blog di Bawah Judul Tulisan

MEMUNCULKAN , membuat, atau menampilkan Post Labels (Kategori Tulisan) blog di bawah judul tulisan dianjurkan oleh Google. Setting dashb...