Pada postingan yang agak lama (hehe) udah pernah dibahas tentang mengubah tampilan label saat diklik, yang itu lho, kalo label diklik akan muncul list judul postingan aja. Tapi pada artikel sebelumnya cuma dengan tampilan default, dan masih biasa. Dan sekarang saya mau sharing gimana mengubah tempilan itu jadi lebih bergaya, dengan maksud ditambahi background gitu... :D
Ohya,
posting ini juga didukung oleh beberapa temen dan email yang masuk
untuk membantu mengubah menjadi tampilan seperti ini. Halah,
preview-nya kayak gini jadinya:
Daripada moler-moler gak karuan, mau tau kan giana triknya???oke..langsung aja...
Semoga
berhasil yah, dan semoga mengerti dengan tutorial yang saya berikan
karena saya juga sudah menyisipkan screenshot untuk memperjelasnya :D
<b:if cond='data:blog.homepageUrl !=
Keterangan:
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>
Kode di atas akan terlihat kalau Anda memiliki model Label yang model List Judul Posting saja, maksud saya seperti posting yang lalu.
<div style='padding:6px 0 6px 5px;border-right:1px solid #000;border-bottom:1px solid #000;margin-bottom:2px;background:#0099DD;color:#000000;'>
Keterangan:
<data:post.title/></div></a>
Ganti kode warna yang berwarna hijau dengan warna yang Anda sukai.
<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='http://lh3.ggpht.com/_w3vbLlHM5kg/SbaWQmXKL8I/AAAAAAAAAEc/W7TmnpAs0x4/s144/Arrobblue.png'/>
<data:post.title/></div></a>