Cara menampilkan daftar isi

Loncat ke form komentar

Tulisan yang berhubungan dengan Cara menampilkan daftar isi ...

Menampilkan daftar isi atau judul posting dapat memudahkan pengunjung untuk mencari tahu, artikel mana yang di butuhkan, karena disadari atau enggak; trik ini termasuk langkah men-optimasi blog. Bagi pengguna blogspot, sebenarnya sudah ada default-nya untuk hal ini. Ya.. dengan mengetikaan http://(domain blog kita)/search?max-results=(jumlah post yang ingin ditampilkan) pada browser anda.

Post ini saya dedikasikan kusus untuk kang Andi Sukri yang nanyain tentang Cara menampilkan semua judul posting. Padahal Artikel ini udah dikupas tuntas oleh kang Agus di Cara menampilkan semua judul posting

Saya contohkan: jika saya ingin melihat 60 post dari www.sawasanganam.com, maka di address bar browser saya ketikkan http://www.sawasanganam.com/search?max-results=60 lalu klik enter dan... yu.. hu... semua post keluar dech.

Perlu diketahui nich.. Kalo blog tadi pake fitur readmore, maka yang muncul di main page adalah judul post + isi post sebatas tag <span id="fullpost"> untuk readmore yang di dukung Java script.
Atau sebatas tag <span class="fullpost"> untuk readmore classic (kayak yang ane pake ini)

He.. he.. kebayang nggak kalo misale masing2 artikel kita potong sampe 3 paragrap? Seberapa panjang halaman pada browser kita untuk nampilin 30 postingan aja?

Mangkanya kita perlu memotong lagi tampilan daftar isi ini, hanya menjadi judul postingan aja (kayak blog ini kali ya?), tanpa dinampakkan isi-post-nya..

Untuk itu, anda harus kunjung lagi ke blog-nya kang Agus dan langsung aja buka Cara menampilkan judul posting tanpa isi (halaman) posting (kalo anda nggak buka artikel tadi, anda pasti bingung deh) Nah... kan detai kali di situ?

Setelah anda mengganti tag <b:include data='post' name='post'/>

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

pada template anda, maka dengan sendirinya jika kita klik Archive, label, ataupun daftar isi, yang muncul adalah judul posting dan tanggal post.

Lalu gimana cara menerapkan (meng-aplikasikan) daftar isi ke blog kita?

Caranya anda tinggal membuat Anchor text yang ditautkan ke http://(domain blog kita)/search?max-results=(jumlah post yang ingin ditampilkan)
Link ini bisa anda tempelkan di-sidebar, header, footer atau dimanapun yang ngedukung penulisan HTML.

Saya contohkan link daftar isi di blog ini; (lihat sudut kanan atas blog ini) Daftar isi maka penulisan HTML-nya sbb:

<a href="http://www.sawasanganam.com/search?max-results=100"
title="klik disini untuk menampilkan semua judul postingan di blog ini">Daftar isi</a>

Nah untuh nambahin efek berkedip anda tinggal nambahin <blink></blink> pada anchor text.
Binun? ini contonya;

<a href="http://www.sawasanganam.com/search?max-results=100" title="klik disini untuk menampilkan semua judul postingan di blog ini"><blink>Daftar isi</blink></a>

maka yang nampak adalah sbb: Daftar isi

Saya yakin andapun udah pada tahu trick yang beginian. Adakah diantara anda yang punya cara lain yang lebih sederhana dan lebih mudah? silahkan gunakan form email me untuk menyampaikan respon anda.