Mempercantik Tampilan Judul Posting Ketika Label Diklik Dengan Background -Assalamu Alaikum WR.WB Hallo sahabat TrikMITOS-blog seputar informasi, islami,kesehatan, kecantikan Tips dan Trik android kord gitar dll, Pada Artikel yang anda baca kali ini dengan judul Mempercantik Tampilan Judul Posting Ketika Label Diklik Dengan Background, saya telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya, yang mungkin bermanfaat buat anda. mudah-mudahan isi postingan Artikel Background, Artikel Tutorial Blogger, yang saya tulis ini dapat anda pahami, karna mungkin dari beberapa pengunjung bahasa atau tulisan saya ini agak sulit di mengerti...hehehe benarkah??!!!. baiklah, tanpa panjang lebar dan bertele-tele lagi selamat membaca, jangan lupa baca juga artikel lainnya, karena masih banyak artkel yang menarik lainnya yang menurut saya pribadi sangat bermanfaat

Judul : Mempercantik Tampilan Judul Posting Ketika Label Diklik Dengan Background
link : Mempercantik Tampilan Judul Posting Ketika Label Diklik Dengan Background
Gambar dibawah ini

Mempercantik Tampilan Judul Posting Ketika Label Diklik Dengan Background

Panjang amat judulnya? Sebelumnya saya pernah posting trik cara hanya menampilkan judul posting ketika label atau category diklik, untuk trik kali ini cara memodifikasi tampilan judul posting tersebut dengan memberikan background pada judul postingnya seperti contoh pada gambar disamping. Tapi trik ini bisa dilakukan kalau sobat sudah melaksanakan trik sebelumnya.

Berikut langkah langkahnya:

 

Login ke Blogger kemudian Layout/Tata Letak terus Edit HTML

1. Centang pada kotak kecil disamping Expand Template Widget
2. Cari kode yang berwarna merah, ingat kode ini hanya terlihat jika trik sebelumnya sudah anda lakukan, jika belum lihat kembali 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>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

   3.  Selanjutnya ganti kode yang berwarna merah tadi dengan kode berikut 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 warna yang berwarna hijau dengan warna yang Anda sukai.Tapi jika ingin juga menambahkan icon di depan title postingan, sobat tinggal menambahkan kode gambar ke dalamnya kode diatas, selengkapnya, sobat dapat mengganti kode tadi dengan kode berikut:

<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='alamat gambar icon anda letakkan disini'/>
<data:post.title/></div></a>

  4. Oke, tinggal simpan template!!!

Semoga berhasil dan bermanfaat!

Demikianlah Artikel Mempercantik Tampilan Judul Posting Ketika Label Diklik Dengan Background

Sekianlah artikel Mempercantik Tampilan Judul Posting Ketika Label Diklik Dengan Background kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya jangan lupa tinggalkan komentar anda dan share yang banyak....heheheh.

Anda sekarang membaca artikel Mempercantik Tampilan Judul Posting Ketika Label Diklik Dengan Background dengan alamat link https://trikmitos.blogspot.com/2009/12/mempercantik-tampilan-judul-posting.html