Pages

Cara Menampilkan Judul Posting Saja Pada Label Blog

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:

Screen Shot :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG4skYhbdwU5HoZGIoN6GQBnRyOusQ_FWd67Uicl4pCb2y7jRvM8QzGyPPkkd8IKCn_YwTNbsa7V8FQNoMcHNUVfj0e59BTdfFYwIUymYrboNlVaoFD8ZGBOJNQOO6y5CB5Iz-HUhNsSkh/s1600/post+title+only.jpg

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.