Membuat Tampilan Halaman Label Hanya Judul Postingan Blog

Kali ini saya ingin berbagi tips bagaimana cara membuat tampilan halaman label hanya judul postingan di blog. Langkah-langkah sebagai berikut:

1. Login ke blogger sobat
2. Pilih template >  edit html > cari struktur kode di bawah ini



<!-- 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'/> 

setelah ketemu, ganti kode berwana merah dengan kode di bawah ini

 <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. Save/simpan

KETERANGAN: cara di atas adalah tampilan label tanpa kotak dan untuk tampilan label

dengan kotak ada di bawah ini

cari struktur kode di bawah ini

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

ganti kode berwarna merah dengan kode di bawah ini

<div style='padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#ffffff;color:#000000;'>

<img alt='Tanda Panah | Khamardos Blog' border='0' width='12' height='12' src='http://i655.photobucket.com/albums/uu271/spantibelspku/Panah_2_thumb.png'/>

<data:post.title/></div></a> 

KETERANGAN : ganti kode warna hijau sesuai selera sobat(kode warna html)

             ganti dengan icon panah sobat(sesuai selera sobat)

Save/simpan dan lihat hasilnya, selamat mencoba dan semoga sukses.

Tetap semangat, jangan menyerah, maju terus blogger indonesia....