Cara menampilkan judul postingan saja pada saat klik label di blogspot


Bagi Sobat yang sudah mempunyai blog dengan artikel yang banyak... Tidak ada salahnya mencoba trik ini. Dengan memakai trik ini ...maka setiap di klik label maka yang akan tampil hanya judul nya saja. Hal ini memudahkan pembaca untuk melihat-lihat posting yang dicari. Dan loadingnya pun menjadi lebih cepat. Coba bayangkan bila satu label ada 100 posting...terus diklik...tampil semua isi posting label tersebut...kan bisa lama banget loadingnya. Langsung aja caranya sebagai berikut:

Pertama :

Buka Template -> Edit HTML -> Jangan lupa lakukan backup template :) -> kemudian beri tanda cek pada 'Expand Widget Templates'

Kedua :

Lihat kode dibawah 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'/>

Kemudian cari kode warna merah diatas, jika sudah ketemu ganti kode warna merah diatas 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>
 

Ketiga : simpan


Jika langkah diatas tidak berhasil Anda dapat mencoba cara ke2:

1. Masuk ke Bloger Sobat. Pilih Rancangan-edit html.
2. Kemudian Sobat klik expand widged.
3. Anda cari kode berikut:

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

4. Setelah ketemu kemudian Sobat ganti kode yang berwarna tersebut dengan kode yang berwarna merah di bawah 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>


5. Kemudian klik save template.

Selamat mencoba semoga berhasil.

 
By: www.modaltekun.com

2 comments:

Aplikasi Gratis / Aplikasi Hp / Aplikasi Komputer on Jun 20, 2012, 3:25:00 PM said...

Makasih Gan,sy berhasil melakukannya...

Unknown on Apr 20, 2013, 2:30:00 AM said...

thank's gan atas infomasinya
kunjung bali gan , maaf saya baru pemula

http://blog-harianvirgo.blogspot.com/

Post a Comment