Menampilkan Judul Post Tanpa Isi di Blogger

Menampilkan judul post tanpa isi inilah yang bagus untuk diterapkan di blog, karena dengan hanya menampilkan judul post saja blog akan lebih cepat loading-nya dan tak perlu menunggu lama untuk melihat setiap posting pada daftar isi. Jika kawan ingin membuat Judul Post Tanpa Isi, silahkan ikuti langkah-langkahnya :

• Silahkan kawan masuk ke Blogger

• Klik Tata Letak=> Edit Html

• Beri tanda centang pada Expand Template Widget

• Silahkan cari kode seperti 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'/>

• Ganti kode warna merah 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 Simpan
  

Selesailah tutorial tentang judul post tanpa isi pada posting kali ini dan silahkan kawan utak-atik kode tadi jika kawan mau...Untuk melihat contoh dari tutorial diatas, silahkan klik disini.