Monday, April 25, 2011

Cara Menampilkan Judul Posting Saja Pada Label dan Arsip Blog



Tips-tricks Blogger kembali lagi dengan urusan coding.nih, bermain-main lagi dengan b if cond, b else dan b include. 
Terkadang akan sangat lama dan menjemukan apabila kita membuka halaman label atau arsip blog yang jumlah postingnya sudah banyak. Bahkan, semakin tidak efisien lagi jikamembuka halaman lain untuk melihat daftar/list posting yang lebih lama. So, menampilkan judul posting saja pada bagian label dan arsip dapat membuat loading halaman lebih cepat dan visitor dapat lebih cepat melihat daftar semua judul posting yang ingin dibaca. Contohnya kaya gini:
show only post titles

Siap mengubah tampilan halaman label dan arsip blog anda dengan cara tersebut?
Oke, kalo begitu lanjuuut ke cara menampilkan judul posting saja di label dan arsip Blogspot:
1. Masuk ke dashboard > Design/Rancangan > Klik 'expand widget template'.
2. Cari kode: <b:include data='post' name='post'/> (Ctrl+F)
3. Ganti dengan script ini:
<!--Judul post saja di label dan arsip-->
<b:if cond='data:blog.searchLabel'>
<h3 class='title-only'><a expr:href='data:post.url'><data:post.title/></a></h3>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<h3 class='title-only'><a expr:href='data:post.url'><data:post.title/></a></h3>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
</b:if>
<!--Buka-rahasia.blogspot.com-->
4. Save template HTML.
5. Done! (done itu artinya Yang terjadi maka Terjadilah! olret..)
6. Coba dicek hasilnya pada halaman label dan archive blog.

Update (04-05-11):  
Kemarin ada yang bertanya lewat Contact Form: "Gimana cara menampilkan judul di label saja atau di arsip saja? Thanks."
Oke, saya jawab sekaligus update disini sekalian:

*Jika ingin menampilkan judul posting saja khusus di label, ambil perintah pada b if cond label dan b include posting saja:
<!--Judul posting saja di label-->
<b:if cond='data:blog.searchLabel'>
<h3 class='title-only'><a expr:href='data:post.url'><data:post.title/></a></h3>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
 <!--Buka-rahasia.blogspot.com-->
*Jika ingin menampilkan judul posting saja khusus di arsip, ambil perintah pada b if cond archive dan b include posting saja:
 <!--Judul posting saja di arsip-->
<b:if cond='data:blog.pageType == "archive"'>
<h3 class='title-only'><a expr:href='data:post.url'><data:post.title/></a></h3>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<!--Buka-rahasia.blogspot.com-->
-Cara memasukkan scriptnya sama dengan cara yang telah disebutkan di atas.

Jika ada permasalahan atau ada hal yang ingin ditanyakan tentang "merias" tampilan judul tersebut (CSS styling), bapak ibu sekalian bisa sampaikan melalui komentar, karena setiap template blog tidak sama aturan dasar pada tampilan, font, link, margin, dan lain-lain. Feel free to use the comment form, I will be ready to help and do the best I can. 
Cheers!

mencuri adalah pekerjaan pengecut! © buka-rahasia.blogspot.com

No comments:

Post a Comment