Cara Membuat Background Pada Judul Posting Ketika Label Di Klik

Artikel berikut merupakan kelnjutan dari artikel sebelumnya Cara Menampilkan Hanya Judul Postingan Ketika Label Di Klik yang sebelumnya pernah Saya Tulis. Jadi, Artikel ini merupakan modifikasi dari artikel yang pertama yaitu dengan memberikan sedikit tampilan pada backgroundnya sehinnga link pada judul postingan yang muncul akan terlihat lebih cantik dan indah untuk dilihat.

Caranya sebagai berikut:

• Login ke Blogger.com
• Kemudian Tata Letak
• Pilih Edit HTML
• Centang Expand Widget
• Cari kode yang berwarna merah dari kode dibawah ini: "kode hanya akan ada kalau Anda telah menggunakan cara yang pertama"

<b:if cond='data:blog.homepageUrl !=data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<data:post.title/></a><br/><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

• Ganti kode yang berwarna merah dengan kode dibawah ini:

<div style='padding:6px 0 6px 5px;border-right:1px solid #000;border-bottom:1px solid #000;margin-bottom:2px;background:#0099DD;color:#000000;'>
<data:post.title/></div></a>

Note:

• Ganti kode yang berwarna merah dengan warna pilihan Anda

Untuk Menampilkan Icon Cantik Disamping Judul Artikel

• Tambahkan kode <img alt='>>>' border='0' src='URL icon Anda'/> diatas kode <data:post.title/></div></a> sehingga akan seperti ini:

<div style='padding:6px 0 6px 5px;border-right:1px solid #000;border-bottom:1px solid #000;margin-bottom:2px;background:#0099DD;color:#000000;'>
<img alt='>>>' border='0' src='URL icon Anda'/>
<data:post.title/></div></a>