Klik Label Hanya Muncul Judul Postingan

Selamat malam, pada kesempatan kali ini saya ingin share sesuai dengan judul " Klik Label Hanya Muncul Judul Postingan ",
Screen Shoot  


Cara membuat nya
Masuk Dasbor - Rancangan - Edit HTML



Cari kode Berwarna Merah
Untuk mempermudah Cltl + F

<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:include data='post' name='post'/>
</div>

Hapus kode berwarna merah tersebut
Ganti dengan kode berikut

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

Dan Lihat hasilnya

Apabila anda ingin menambahkan background pada halaman tersebut

Screen Shoot

Cara nya seperti ini

Cari Kode berwarna merah di bawah ini
Untuk mempermudah Cltl + F

<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> 

Hapus kode berwarna merah tersebut

Ganti 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;'>
<data:post.title/></div></a>

Screen Shoot 

Kode berwarna merah dapat anda ganti dengan warna selera anda.