Membuat Daftar Judul Artikel Tanpa Isi

Ada beberapa cara untuk mempercepat proses loading halaman blog salah satunya dengan pemenggalan posting, tetapi pemenggalan postingini menjadi tidak efektif bahkan memperlambat proses loading jika kita ingin menampilkan posting sesuai label/kategori tertentu, walaupun ini juga tergantung jumlah posting dalam kategori tersebut. Seandainya kita memiliki 100 posting dalam 1 label/kategori, berapa waktu yang diperlukan untuk menampilkan seluruh isi posting dalam label tersebut. Untuk mengkali waktu loading maka kita sebaiknya hanya menampilkan judul postingnya saja tanpa isi halaman. Hal ini juga mempercepat loading halaman jika kita mencari artikel dengan kata kunci tertentu dan selanjutnya kita bisa menampilkan seluruh posting/artikel layaknya daftar isi (Table of Content).

Bagaimana Cara Membuatnya?

• Login ke blogger

• Pilih "Tata Letak"
  

• Pilih Tab "Edit HTML"

• Jangan lupa "Expand Template Widget" dan cari kode dibawah ini:

<b:include data='post' name='post'/>

• Setelah ketemu kode diatas, gantilah/replace kode tadi dengan kode dibawah 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>

• Simpanlah template anda dan cobalah dengan menampilkan posting melalui label/kategori

Memodifikasi Daftar Isi

Bila ingin memberi sedikit sentuhan lebih bagus,maka ikutin langkah-langkah berikut :

• Pilih Tab "Edit HTML"

• Jangan lupa "Expand Template Widget"
• cari kode ini :
  <b:include data='post' name='post'/>

• Hapus dan ganti dengan kode dibawah ini :

  <b:if cond='data:blog.homepageUrl != data:blog.url'>
  <b:if cond='data:blog.pageType != "item"'>
  <a expr:href='data:post.url'>
  
  <div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">
  
  <data:post.title/></div></a>
  <b:else/>
  <b:include data='post' name='post'/>
  </b:if>
  <b:else/>
  <b:include data='post' name='post'/>
  </b:if>

• Simpan template

• Maka hasilnya :

Memunculkan Daftar Isi

• Klik Tata Letak/Layout

• Klik Elemen Halaman/Page Elements

• Klik Tambah Gadget/Add Gadget

• Copy Paste kode ini :

  <a href="http://NamaBlogAnda.blogspot.com/search?max-results=200">Daftar isi&raquo;</a>

• NamaBlogAnda.blogspot.com Ganti dengan url blog/web yang diinginkan.
  

• Klik Simpan