Menampilkan Judul Posting Tanpa Isi Posting di Blog

Untuk memudahkan pengunjung mencari artikel yang dicari......selain menggunakan search, kita bisa menggunakan atau menampilkan isi posting kita di halaman posting berupa judul. Selain mempermudah untuk untuk mencari juga meringankan blog kita pada saat loading. Dan tentumya pengunjung menyukai cara ini.
Untuk awalnya :

1. Silahkan kawan masuk ke Blogger
2. Klik   =  Design / Tata Letak   
3. Klik  =  Edit Html
4. Beri tanda centang pada " Expand Template Widget"
5. Kemudian anda cari kode  :

   

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

•      Ganti tulisan yang tebal miring dengan kode ini

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

•     Lalu silahkan kawan tambahkan kode ini diatas kode ]]></b:skin>

/*
List Table Of Contents
visit http://corpita95.blogspot.com/
*/
.listFS
{
background: url('http://i654.photobucket.com/albums/uu263/lawuh/panah-1.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;
}

• Klik  Save / Simpan

Setelah itu anda coba lihat di blog anda.....apakah berhasil seperti yang anda harapkan, kalo blom berhasil coba anda teliti step by stepnya..apakah salh taruh kode atau ada abjad yang hilang atau tidak tercopy. Untuk hasilya anda bisa lihat di SINI.......... Salam