Membuat Label Di Atas Judul Postingan Untuk Mempercantik Blog

Banyak cara yang dilakukan untuk membuat blog berbeda. Jika kita jeli, kita bisa melakukan beberpaa perubahan dasar yang sangat mudah sehingga blog kita tampil berbeda dan juga menraik. Kali ini saya memberikan trik bagaiamana membuat label berada di atas judul postingan. PErhatikan foto di bawah ini untuk lebih jelas.

 
Untuk membuat seperti itu sangat mudah.
- Login ke blogger
- Tata Letak
- Edit HTML
- Centang Expand Templates Widget
- CSS untuk label agar lebih menarik.
Tambahkan kode berikut ini di atas ]]></b:skin>

.labelpost{

padding:5px 5px 5px 0;

margin:0;

font-size:16px;

color:#000;

font-weight:bold;

line-height:1.4em;

}

- Kemudian letakkan kode berwarana berikut ini di bawah <div class='post hentry'>

<div class='labelpost'><b:if cond='data: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='data:label.isLast != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &#187; </div>

Yang berwarna merah pada ke dua kode adalah bentuk kecocokan target. Anda bisa menggantinya. Semoga bermanfaat.