Cara Mengatur Nama Label Pertama Saja di Blog

Punya banyak nama label? pasti bisa membuat tampilan blog menjadi terlihat tidak rapih dan terlihat kurang bagus, nah untuk itu saya ada solusi yang tepat bagi sobat yang ingin hanya menampilkan label pertama saja dan label kedua dan seterusnya akan hilang atau ter remove begitu saja.

Lantas apa akan berdampak ke tampilan postingan? Ya, memang pasti akan berdampak ke bagian postingan jika kita tidak melakukan nya secara teliti kenapa bisa begitu? hal yang sederhana adalah pada bagian Tag ada yang bisa ditampilkan di bagian Index atau Post jika ada yang menampilkan keduanya akan dipastikan berdampak ke duanya maka dari itu bisa gunakan cara berikut.

Cara Mengatur Nama Label

<b:if cond='data:blog.pageType == "index"'> Hanya akan tampil di bagian index </b:if>

<b:if cond='data:blog.pageType == "item"'> Hanya akan tampil di bagian post </b:if>

kode diatas sobat lihat secara teliti agar tidak terjadi kesalah saat mau mengedit label agar tampilan nya tidak berpengaruh ke bagian postingan.

 <b:if cond='data:post.labels'>
                  <i class='fa fa-folder-open'/> 
                  <b:loop values='data:post.labels' var='label'>
                     <a expr:href='data:label.url + &quot;?&amp;amp;max-results=6&quot;' rel='tag'>
                        <data:label.name/>
                     </a>
                     <b:if cond='data:label.isLast'></b:if>
                  </b:loop>
                  &amp;nbsp;&amp;nbsp;
               </b:if>
           </b:if>
         </div>
      </b:if>

Kode diatas sebelum di edit sama sekali

 <b:if cond='data:post.labels'>
                  <i class='fa fa-folder-open'/> 
                  <b:loop values='data:post.labels' index='i' var='label'>
     <b:if cond='data:i == 0'>
                     <a expr:href='data:label.url + &quot;?&amp;amp;max-results=6&quot;' rel='tag'>
                        <data:label.name/>
                     </a>
                    </b:if>
                     <b:if cond='data:label.isLast'></b:if>
                  </b:loop>
                  &amp;nbsp;&amp;nbsp;
               </b:if>
           </b:if>
         </div>
      </b:if>

Sedangkan kode ini sudah di edit coba perhatikan kode yang berwarna merah diatas

Mungkin sekian saja penjelasanya karena saya juga agak sulit menjelaskan, mungkin sobat bisa langsung praktekan saja cara diatas bila ingin tahu perubahan nya.