Breaking News
Loading...

Menampilkan Postingan Hanya Judulnya Saja

Fasilitas ‘Tanya Saja!” kolom tutorial rupanya banyak mendapatkan perhatian dari para pengunjung. Puluhan pertanyaan telah masuk, sebagian sudah dijawab secara langsung dan ada juga yang melalui postingan untuk pertanyaan yang memang memerlukan jawaban yang lebih rumit. Yang pertanyaannya belum dijawab, mohon sabar yah, mudah-mudahan nanti bisa terjawab Happy
Pertanyaan :
Kang Rohman... sebelumnya saya minta maaf kl email saya menggangu, saya ingin tanya kang, gimana caranya menampilkan postingan yg hanya tampil judul postingannya saja
Jawaban : Memang, beberapa blogger memilih blognya hanya menampilkan judul posting saja pada halaman depan atau home page. Mungkin dasar pemikiran dari pemilik blog itu sendiri adalah menampilkan hanya judul posting saja dapat menghemat ruang sehingga jumlah post yang ditampilkan bisa lebih banyak pada halaman depan atau beranda. alasan pendukung lainnya mungkin karena judul posting sangat mewakili isi dari posting itu sendiri sehingga dengan menampilkan judul posting di halaman depan lebih memungkinkan artikelnya akan lebih banyak di baca oleh para pengunjungnya. Berikut contoh blog yang hanya menampilkan judul post nya saja :
judul posting
Agar pada halaman depan hanya menampilkan judul posting saja, berikut langkah-langkahnya :
  • Silahkan login ke blogger dengan ID anda.
  • Klik Rancangan   rancangan
  • Klik menu Edit HTML. edit html
  • Disarankan untuk membuat backup terlebih dahulu, klik pada tulisan Download Template Lengkap. backup template
  • Carilah kode ]]></b:skin>
  • Copy kode berikut, lalu paste di bawah kode ]]></b:skin>
    <style type='text/css'>
         <b:if cond='data:blog.pageType != &quot;item&quot;'>
         <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
         .post-body{display:none;}
         </b:if>
         </b:if>
         </style>
        
  • Klik tombol SIMPAN TEMPLATE.
  • Selesai. Silahkan lihat hasilnya.
Mudah bukan? namun, dengan memasang kode diatas masih menyisakan beberapa elemen seperti tanggal posting, komentar dan yang lainnya. Jika anda ingin menghilangkan semuanya dan yang tersisa hanya judul post nya saja, mungkin anda bisa menggunakan kode berikut :
<style type='text/css'>
     <b:if cond='data:blog.pageType != &quot;item&quot;'>
     <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
     .post-body, .post-footer, .jump-link, 
     .post-timestamp, .reaction-buttons, 
     .star-ratings, .post-backlinks, 
     .post-icons, .date-header{display:none;}
     </b:if>
     </b:if>
     </style>
Sumber : kang Rohman http://kolom-tutorial.blogspot.com
    

6 komentar:

  1. Mantap, gan....
    berhasil di blog motivasi wa...^^
    thanx a lot...:)

    BalasHapus
  2. wah hebat, saya coba, langsung berhasil...siip gan
    jazaakallahu khayran

    BalasHapus
  3. mas tutorialnya nanti mau saya coba, tks mas

    BalasHapus
  4. Kunjungan sore "www.thetangga.blogspot.com" Free Download Mp3 Indo, Luar, Dangdut Koplo, Campursari, Asian, Lawas, Software, & Film Terbaru..

    BalasHapus
  5. nais deh gan, uda sukses ane terapin, thanks
    visitback gan :D

    BalasHapus

Terima kasih sudah mau berkunjung ke Blog sederhana ini, Tidak ada salahnya untuk memberikan komentar untuk kemajuan blog ini.
Catatan komentar yang tidak ditampilkan :
1. Komentar SPAM
2. Komentar tidak bermutu / tidak nyambung.
3. Memasukan Link ke dalam kotak komentar blog.

 
Toggle Footer