Home » , » Menampilkan Hanya Judul Postingan Jika Label Diklik

Menampilkan Hanya Judul Postingan Jika Label Diklik

AbahVsan | 22.06 | 0 comments
Biasanya ketika ada pengujung atau sobat mungkin menge-klik salah satu label di Blog pastinya postingan yang muncul sangat panjang dan membuat capek jika Anda mengerakan scrolnya, nah agar lebih singkat maka ditampilkan judul postingannya saja. Contohnya seperti  gambar yang terlihat di atas :

1. Login ke blogger dengan ID anda

2. Klik Tata Letak / Layout

3. Klik Tab Menu Edit HTML

4. Backup dulu sebelum melakukan editting template dengan klik Download Template Lengkap. Mengantisipasi jika penambahan kode salah.

5. Klik kotak keciil diasmping tulisan Expand Widget

6. Cari kode

<div class='blog-posts feed'>

atau kode

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

Untuk memudahkan mencari tekan ctrl F / F3. Kemudian hapus dan diganti dengan kode beriku 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>

7. Untuk memberikan background sobat ganti kode yang berwarna merah dengan kode berikut :

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

Catatan : silahkan sobat edit sendiri kode yang berwarna merah sesuka sobat

9. Jika sobat mau menambahkan icon tinggal tambahkan kode berikut sebelum kode  <data:post.title/></div></a> 
<img alt='>>>' border='0' src='URL icon Sobat'/>
10. Kode warna biru ganti dengan alamat URL icon Anda, Sehingga akan nampak seperti ini :

<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 #000;border-bottom:1px solid #000;margin-bottom:2px;background:#0099DD;color:#000000;'><img alt='>>>' border='0' src='URL icon Sobat'/><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>

11. Save template

Selamat mencoba,...

Share this article :

0 comments:

Poskan Komentar

Jangan Lupa Komentarnya Ya !

 
Support : Khiansantang | TipsTrikBlogger | Mas Template
Copyright © 2011. BALE-BALE PALUPUH - All Rights Reserved
Template Modify by Abahvsan
Proudly powered by Blogger