Cara Hanya Menampilkan Judul Posting Di Home Page

Kali ini kita akan membahas cara menampilkan hanya judul posting di homepage, mungkin sobat-sobat 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, sobat bisa menampilkan banyak posting di homepage / halaman depan blog sobat. Dengan begitu, kemungkinan postingan blog sobat banyak dibaca para pengunjung sangat besar, Apakah sobat sekalian tertarik dengan tutorial ini. ayo langsung saja kita mulai ikuti beberapa langkah berikut.

1.Login ke akun blogger sobat

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

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

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 sobat lihat hasilnya.Dengan script di atas,pada homepage / halaman depan blog sobat akan tampil hanya judul postingan,tanggal posting dan jumlah komentar tetapi jika sobat hanya ingin menampilkan judul postingnya saja,sobat 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 sobat blogger sekalian.

komentar nya.....jangan lupa

Share this post