Blogspot : Tampilan Daftar Isi dan Kategori Yang Sederhana

Daftar isi blog, kategori, dan hasil pencarian jika ditampilkan utuh layaknya halaman utama tentunya akan terasa berat dan makan waktu untuk tampil. Untuk itu, tips berikut merupakan penyederhanaan tampilan sehingga data yang ada bisa tampil lebih sederhana dengan loading time yang lebih cepat.


Langkah - langkahnya sebagai berikut:
Setelah masuk ke bagian modifikasi kode blogger dan mencontreng expand template widget, temukan kode berikut :

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

Kemudian ganti dengan kode berikut :

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<a expr:href='data:post.url'>
<div> <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>


Penjelasan :
Dengan kode di atas, maka untuk halaman non homepage dan non item, data yang ditampilkan hanya data judul post saja.

Bagi theme - theme tertentu, data tanggal mungkin tetap muncul. Untuk menghilangkannya, di atas kode yang baru saja diganti tadi ada kode semacam ini :

<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>


Mungkin tidak identik, tapi tetap mengandung kode <data:post.dateHeader/> di sana. Nah, hapus dan pindahkan kode tadi ke kode pengganti sehingga keseluruhan kode pengganti yang terbentuk adalah :

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<a expr:href='data:post.url'>
<div><data:post.title/></div></a>
<b:else/>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:include data='post' name='post'/>
</b:if>
<b:else/>

<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:include data='post' name='post'/>
</b:if>



Dengan begitu, informasi tanggal hanya muncul di halaman homepage dan halaman item post saja.

Untuk membuat daftar isi, tinggal bikin link dengan alamat sebagai berikut :

http://BLOGANDA.blogspot.com/search?max-results=200


Link bisa anda tempatkan dimanapun anda suka. Jumlah 200 itupun bisa anda ubah sesuai selera.
Jika anda tertarik dengan artikel – artikel di blog ini, silahkan berlangganan gratis via RSS Feed, atau jika anda lebih suka berlangganan via email, anda bisa mendaftar di Sini.

7 komentar:

wiyono said...
alan-jalan eee ketemu dengan blog bagus mu, maka aku tawarkan untuk tukeran link biar lebih akrab l
tiara said...
kesadaran ku tersentak dan aku ingin sekali tukeran link dengan mu he he he e
Reza Fauzi said...
wiiih... nice info bro... :)
saya jadi mau bikin di blog lain nih
Denithul said...
thanks atas infonya
BudiTyas said...
Sama - sama mas denithul :)
cahyo cakep said...
expand template widget ada dimana
BudiTyas said...
Di bagian dashboard editing blog, buka tata letak, lalu klik html. Di situ ada box expand template yang bisa dicontreng untuk menampilkan kode - kode html secara lengkap.

Post a Comment

Untuk lebih mudah berkomentar, pilih opsi Name/Url. Anda tinggal isi nama saja, plus alamat situs jika anda punya blog/website. Ayo berbagi opini.

 
poside by budityas |n|e