Cara Hanya Menampilkan Judul Posting Di Homepage

Cara Hanya Menampilkan Judul Posting Di Homepage

Panduan Blogspot kali ini kita akan membahas Cara menampilkan hanya judul posting di homepage.Mungkin sahabat cahaya sekalian pernah melihat sebuah blog yang pada homepage/beranda blognya hanya tampak judul postingannya saja.Emang sih dengan hanya menampilkan judul posting di homepage blog,maka kita bisa menghemat ruang sehingga kita bisa menampilkan banyak posting di homepage/halaman depan blog kita.

Dengan cara ini,sahabat cahaya bisa menampilkan banyak posting di homepage/halaman depan blog sahabat.Dengan begitu,kemungkinan postingan blog sahabat banyak dibaca para pengunjung sangat besar.Apakah sahabat sekalian tertarik dengan tutorial ini,ayo langsung saja kita mulai,ikuti beberapa langkah berikut.



1.Login ke akun blogger sahabat
2.Pilih/klik menu RANCANGAN
3.Lalu klik Edit HTML
4.Cari kode ]]></b:skin>
agar lebih mudah dalam mencari kodenya gunakan Ctrl+F pada keyboard sahabat.
5.Masukan kode berikut di bawah kode yang 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.Klik SIMPAN
7.Selesai.

Bagi sahabat cahaya yang menggunakan antarmuka blogger yang diperbarui,ikuti langkah berikut.
1.Login ke akun blogger sobat
2.Klik menu template
3.Lalu klik Edit HTML
4.Cari kode ]]></b:skin>
agar lebih mudah dalam mencari kodenya gunakan Ctrl+F pada keyboard sahabat.
5.Masukan kode berikut di bawah kode yang 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.Klik SIMPAN
7.Selesai.

Coba sahabat lihat hasilnya.Dengan script di atas,pada homepage/halaman depan blog sahabat akan tampil hanya judul postingan,tanggal posting dan jumlah komentarTetapi jika sahabat hanya ingin menampilkan judul postingnya saja,sahabat bisa gunakan 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>

Semoga postingan saya ini bisa bermanfaat untuk sahabat cahaya blogger sekalian.Jangan lupa tulis komentarnya ya...keep your spirite...