share all free for you

Advertiser Here

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 :

Hanya Judul

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

Title : Menampilkan Hanya Judul Postingan Jika Label Diklik
URL : http://blogcunayz.blogspot.com/2011/09/cara-menampilkan-hanya-judul-postingan.html
Anda boleh menyebar Luaskan atau Meng Copy-Paste Artikel ini bila dapat bermanfaat bagi teman-teman anda, Namun jangan lupa untuk meletakkan Link Menampilkan Hanya Judul Postingan Jika Label Diklik sebagai Sumbernya.

Sudah ada [ 24 komentar ] bagaimana pendapat Anda,,?

  1. mantab sobat, saya sudah praktekkan tutorial ini dan lebih mempercepat akses blog jadinya,...

    ReplyDelete
  2. boleh juga nih dicoba,, thx for share sob,, templatenya mantab bgt sob,,

    ReplyDelete
  3. Dapat tips baru lagi nih...makasih ya
    Bagus templatenya bagus..naksir nih

    ReplyDelete
  4. saya sudah terapkan di blog saya sob tips ini,, sangat bermanfaat buat saya,, hehehe,,

    ReplyDelete
  5. @ Rama88 : alhamdulillah gan kalo bisa bermanfaat bagi agan,...
    @ pandhawa-tiga : silahkan,... jika ada masalah jangan sungkan untuk bertanya ya gan,...

    ReplyDelete
  6. Menurut aq metode seperti ini sangat efektif untuk meningkatkan kecepatan loading blog, namun kurang mendorong pengunjung untuk melakukan klik, bagaimana jika ditambahi tumbnail? kain keren tuh bos.. thanks :D

    ReplyDelete
  7. sering mampir disini tapi aku belom follow,, hehhe, yoweslah,, udah saya follow tuh sob,, follow back ya kalau belom ,,, sukses slalu buat anda,,

    ReplyDelete
  8. @ Prasetyo : thank my friend,...
    @ Miftah @ Laptop Keren : kalo menurut saya yang bkin berat itu justru tumbnail boss,tapi yang jelas untuk menarik pengunjung judul posting harus menarik boss,terimakasih atas masukannya,...
    @ Rama88 : hahaha thank sob,... siap laksanakan

    ReplyDelete
  9. blognya cantik...ilmunya langsung dicobakan nih...follow, like, juga koment-nya ditunggu didesa

    ReplyDelete
  10. @ Geotroy : thank gan,...silahkan,...oke2 siap laksanakan

    ReplyDelete
  11. manteb sob langsung sukses tuh di blogku , , it's awesome post :)

    ReplyDelete
  12. Terima kasih atas berbagi ilmunya sobat...keren nih tipsnya

    ReplyDelete
  13. @ Bayu Aldi Yansyah : thank masbro hahhaa,...
    @ abufarras : makasih gan,...

    ReplyDelete
  14. salam kenal sob.

    kalau kebalikannya gimn sob ni postingan??
    punya saya malah udah kayak gitu tp saya mau kebalikannya.

    bisa bantu gak?

    ReplyDelete
  15. O iyah, no blog saya http://dnhozonu.blogspot.com/
    maaf bukan promosi blog, tp saya sudah mencari kemana-mana tp blum ketemu2 caranya. kalau bisa membantu saya sangat senang sekali.

    terima kasih.

    ReplyDelete
  16. @ The Ozonu : coba akukan triknya secara terbalik sob

    ReplyDelete
  17. gx bisa sob.
    scrip ini
    udah terpasang ditemplate Q.

    ReplyDelete
  18. @ The Ozonu : oh gitu ya sob,... tapi kalo menurut saya trik ini bagus untuk mengurangi berat blog kita sob

    jadi pengunjung gak bosan nungguin oading blog kita

    ReplyDelete
  19. Telah dicoba bang, hasilnya maknyus.

    ReplyDelete

Untuk menyisipkan kode,gunakan tag
[code]KODE ANDA[/code]
Untuk menyisipkan quote,gunakan tag
[blockquote]KATA-KATA ANDA[/blockquote]
Untuk menyisipkan gambar,gunakan tag
[img]URL GAMBAR ANDA[/img]
Untuk menyisipkan video,gunakan tag
[youtube]URL VIDEO ANDA[/youtube]
Anda juga bisa menggunakan emoticon seperti biasa.

Pasang Iklan Anda Disini

 
Copyright © 2011 Blogcunayz Template Design By Rizky Wardiansyah