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.
    Blogger Comment
    Facebook Comment

9 comments:

  1. :h: mantap gan...thx ea..

    ReplyDelete
  2. sob, mau nanya nih, ko lebarnya kelebihan. untuk ngurangin lebarnya gimana? YM saya jack_jacko22 di tunggu yaah.

    ReplyDelete
  3. wach mksih sob koreksinya..kmrin aku sebenarnya mau ngedit ini nich..tapi, kbnyakan tugas jadi lupa..oya coba cek punyaku kayaknya udah bener tuch..untuk mengeditnya udah q posting Disni

    ReplyDelete
  4. http://i977.photobucket.com/albums/ae255/h3n6r4/Others/AddEmoticons0426.gif

    ReplyDelete
  5. kunjungan perdana
    makasi ya ilmunya. dulu ane sempat terapkan ini di blog ane, tp skrng dah gak lg krn pake page navigation. mampir tempata ane gan ... :)

    ReplyDelete
  6. kunjungi central kosmetik,
    -pelangsing badan
    -peninggi badan
    -penggemuk badan
    -perapat vagina
    http://www.central-kosmetikherbal.blogspot.com

    ReplyDelete