Cara Membuat Background Pada Judul Postingan 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, kalau belum bisa dilihat disini"
<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>

Selamat Mencoba !!! Jangan Lupa Koment-nya...
Share on Google Plus

About Admin

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.