Kamis, 12 Januari 2012

Cara Menampilkan Hanya Judul Postingan Jika Label Diklik

Hallo sobat blogger,... Pada kesempatan ini saya akan share tips agak ketika sobat atau pengunjung blog sobat mengklik label,maka yang muncul hanyalah judul postingnya saja sudah mengerti maksud saya??

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 lihat gambar dibawah ini :


Untuk demonya silahkan sobat klik label d blog ini

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

sumber: http://blogcunayz.blogspot.com/

Terima Kasih sudah membaca artikel ini^^

1 komentar:

Posting Komentar

Email subscribe

Sign up for our newsletter to receive the latest news and event postings.

Copyright © 2011 UNIQUE WORLD, All Right Reserved. Design by Java Templates Powered by Blogger