Kamis, 10 Februari 2011

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.
Bantu kami memperbaiki blog ini. Hubungi saya jika Anda menemukan konten yang rusak, aneh atau tidak berhasil Anda terapkan. Silahkan beritahu kami dengan klik :Contact Me! . Kami akan berusaha membalas atau memperbaiki konten secepatnya. Terima Kasih.





Artikel Terkait:


Tidak ada komentar:

Poskan Komentar

Komentator Blog Ini