Menampilkan Judul Posting Pada Label
Menampilkan judul posting pada saat klik kategory atau label di blogspot maksudnya pada saat kita klik kategory label maka akan muncul semua kategory sesuai dengan yang kita klik dan juga akan tampil isi dari judul artikel tersebut. Untuk melihat contohnya silahkan label Blackberry
Pertama:
Masuk ke edit HTML jangan lupa centang "Expand Widget Templates". Silahkan cari barisan kode seperti dibawah ini pada template anda.
Untuk menambah variasi atau desain baris per baris silahkan, masih dalam edit HTML silahkan cari kode ]]> kemudian copy kode dibawah ini dan letakkan diatas kode ]]> tadi.
Good Luck
Read More : Menampilkan Judul Posting Pada Label
Pertama:
Masuk ke edit HTML jangan lupa centang "Expand Widget Templates". Silahkan cari barisan kode seperti dibawah ini pada template anda.
<b:loop values='data:posts' var='post'>Kalau sudah ketemu silahkan sekarang kode-nya diganti seperti dibawah ini:
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:include data='post' name='post'/>
<b:loop values='data:posts' var='post'>Ok sudah selesai, klik simpan template dan silahkan klik label atau kategory pada web anda, gimana masih ada keganjalan ? bila sudah menyukai tidak usah di lanjut ke bagian berikut di bawah ini
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<ul class='listFS'>
<li><a expr:href='data:post.url'><data:post.title/></a></li>
</ul>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
Untuk menambah variasi atau desain baris per baris silahkan, masih dalam edit HTML silahkan cari kode ]]> kemudian copy kode dibawah ini dan letakkan diatas kode ]]> tadi.
/*Klik simpan template, silahkan bandingkan setelah anda menambahkan kode diatas dan sebelumnya bila tidak suka anda bisa hapus kembali kode diatas.
List Table Of Contents
*/
.listFS
{
background: url('http://ateon.fs.googlepages.com/v5_bullets_14.gif') no-repeat 0px 8px;
font:normal 12px sans-serif;
line-height: 2;
list-style-type:none;
margin:0 0 0 10px;
padding: 0 0 0 20px;
}
.listFS li
{
border-bottom: 1px solid #EFF0F1;
padding:3px 0 3px 0;
}
.listFS li a:hover
{
text-decoration:underline;
}
Good Luck
