Label Under Post Title

Hai, Aisya req nih... Dia tanya, gimana caranya nambahin label di bawah post title, seperti punyaku XD Makasih ya udah req...

yak, seperti itu

Step one:

Blogger >> Theme >> Edit HTML

Step two:

Cari kode ini:

}]]></b:skin>

Step three:

Copy kode ini:

.post-labels {
margin-top: 10px;
color: #000;
background: #FEFFC3;
}
.post-labels a {
color: #000;
display: block;
line-height: 100%;
margin-top: 10px;
margin-bottom: 10px;
background: #C7FFC8;
padding: 3px;
border-radius: 20px;
max-width:150px;
text-shadow: 0px 1px #FFF100, -1px 0px #FFF100, 1px 0px #FFF100, 0px -1px #FFF100;
font-size: 14px;
}

Dan paste di ATAS kode }]]></b:skin> (yang tadi sudah dicari)

Step four:

Belum selesai... Sekarang, cari kode ini:

<div class='post-header-line-1'/>

Step five:

       
Lalu, copy kode ini:

<center>
<span class='post-labels'>
<b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='not data:label.isLast'/>
          </b:loop>
      </span>
      </center>
    </div>

Dan paste di BAWAH kode yang sudah dicari tadi (di step ke-4).

Step six:

Save Template!

Panjang, ya? Iya, Gifta juga capek :v

Cara ini Gifta yang nemu sendiri, jadi tolong jangan plagiat (post tanpa beri credit)!
Kalau mau repost, wajib beri credit, dan comment...