Hanya tampil judul posting saat klik label

Bila tampilan blog anda masih masih seperti halaman utama saat klik label maka akan memanjang kebawah sampai semua artikel pada label tersebut tampil, bayangkan jika dalam satu label atau kategori memiliki artikel posting lebih dari 50, bisa - bisa panjang nya 10 meter dan butuh berapa lama untuk loading nya.

Nah, agar yang tampil hanya judul postingnya saja saat klik label anda perlu melakukan sedikit perubahan pada template anda yang bi anda lihat paduannya di bawah.

1. Langsung saja Edit Template anda dan beri centang kotak kecil sebelah Expand Widget Template anda


2. Langkah selanjutnya cari kode berikut :


< b:include data='post' name='post'/> Atau < b:include data='post' name='post'> sama saja.


3. Bila sudah ketemu hapus dan ganti dengan kode di bawah



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



4. Sekarang simpan template anda dan coba klik label blog anda lihat hasilnya

Bila cara di atas gagal anda bisa gunakan cara kedua berikut dan kembali Edit Template anda

• Pertama cari kode sama seperti berikut



< 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>
< b:else/>
< b:include data='post' name='post'/>
</b:if>
< b:else/>
< b:include data='post' name='post'/>
</b:if>



• Hapus kode < data:post.title/></a> dan ganti dengan kode berikut :



< div style='padding:6px 0 6px 5px;border-
right:1px solid #ccc;border-bottom:1px solid
#ccc;margin-
bottom:2px;background:#E0F8E0;color:#000000;'>
< data:post.title/></div></a>



• Secara lengkap kode nya menjadi seperti di bawah :



< b:if cond='data:blog.homepageUrl !=data:blog.url'>
< b:if cond='data:blog.pageType != "item"'>
< a expr:href='data:post.url'>
< div style='padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid
#ccc;margin-bottom:2px;background:#E0F8E0;color:#000000;'>
< 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>



• Kini jangan lupa simpan dan lihat hasilnya

Cara kedua hasilnya akan lebih baik karena sudah di modifikasi, dari salah satu cara di atas pasti ada yang membawa hasil.

Mumpung lagi berurusan sama label sekalian kalau mau mehapus angkanya yang terdapat pada label bisa anda lihat Di Sini tutorial nya.

Category: Tutorials blog