Tuesday, March 20, 2018

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...

There are 9 comments.
Please post another comment..