Cara Menampilkan Postingan Hanya Judulnya

Beberapa blogger ada yang lebih memilih hanya menampilkan judul postingan saja pada halaman depan homepage atau beranda blog. Banyak alasan memang mengapa sebagian blogger lebih memilih alternatif ini. Seperti dengan hanya menampilkan judul saja dapat menghemat ruang sehingga jumlah post yang ditampilkan bisa lebih banyak pada halaman depan.

Saya sangat setuju dengan alasan seperti itu. :)

Alasan lainnya yaitu mungkin karena judul posting di halaman depan lebih memungkinkan artikelnya akan lebih banyak dibaca oleh para pengunjungnya.

Nah, berikut adalah contoh blog yang hanya menampikan judul postingannya saja di halaman depan atau homepage :

Mungkin sobat akan bertanya, kenapa blog ini tidak menerapkan alternatif yang lumayan menguntungkan ini?! Sebab, saya punya jawaban dan alasan tersendiri loch.. hehehe :D

Udah lah, berikut cara untuk membuat agar halaman depan hanya menampilkan judul postingannya saja, ikuti langkah-langkahnya ya..

1. Silakan sobat login dulu ke blogger, lalu klik Rancangan

2. Klik menu Edit HTML

3. Saya sarankan agar sobat seperti biasa membackup template sobat terlebih dahulu, caranya dengan mengklik tulisan Download Template Lengkap. Pake jaga-jagaa aja sich.. ;)

4. Cari kode ]]></b:skin>

5. Copy kode di bawah ini, lalu paste di bawah kode tadi

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

6. Kemudian klik Save Template

Gimana, gampank kan? Tapi, dengan kode di atas masih menyisakan beberapa elemen seperti tanggal postingan, komentar, dan yang lainnya. Nah, jika sobat ingin menghilangkan semuanya dan yang tersisa hanya judul postingannya saja, mungkin sobat bisa gunakan kode di bawah ini :

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

Sekian dulu dari saya untuk kali ini. Semoga tips tips cara menampilkan judul postingan saja pada halaman depan atau homepage blog tadi dapat bermanfaat buat sobat sekalian.

Sampai bertemu dalam postingan berikutnya yaa..

Source: blogdoodey.blogspot.com