Cara Menampilkan Judul Posting Saja di Blogspot

Maksudnya adalah saat sebuah label/kategori di blog (blogspot) di klik maka akan muncul daftar judul-judul artikel saja tanpa disertai isi artikelnya. Untuk lebih jelasnya silahkan lihat hasilnya pada blog di blogspot disini, kemudian bandingkan dengan halaman mukanya disini.
Saya pikir sudah mengerti maksudnya bukan? dengan cara ini loading halaman akan lebih cepat dan lebih rapi menurut saya. Hasil semacam itu tidak hanya pada kategori atau label saja, tapi juga pada hasil pencarian. Wah pokoknya OK deh! langsung saja ke cara membuatnya.
Pertama:
Silahkan cari barisan kode seperti dibawah ini pada template anda. Masuk ke edit HTML ya.. jangan lupa centang "Expand Widget Templates"

<!-- posts -->
  <div class='blog-posts'>
 
    <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'/>

Kalau sudah ketemu silahkan sekarang kode-nya diganti seperti dibawah ini:

<!-- posts -->
  <div class='blog-posts'>
 
    <b:loop values='data:posts' var='post'>
      <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 != &quot;item&quot;'>
 
 <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>

Kedua:
Masih dalam edit HTML silahkan cari kode ]]></b:skin> kemudian copy kode dibawah ini dan letakkan diatas kode ]]></b:skin> tadi.

/*
List Table Of Contents
visit http://duniainternet.net/
*/
.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;
}

Simpan template anda dan sekarang lihat hasilnya dengan mengklik salah satu kategori/label di blog anda, selamat mencoba….

Author Description