Menampilkan Hanya Judul Posting Blogspot

Setelah kita mengupas cara Membuat Posting Blog Tampil Judulnya Saja Ketika Label Diklik, kini kita membahas membuat hanya judul posting saja yang tampil di homepage.

Sumber : http://www.binhakim.com/2011/09/membuat-posting-blog-tampil-judulnya.html
Copyright ::::: BIN HAKIM :::::

Salah satu cara yang dapat dilakukan untuk menghemat ruangan di halaman beranda atau home page adalah dengan menampilkan postingan berupa judul-judulnya saja. Dengan cara ini kita dapat menampilkan jumlah posting lebih banyak lagi tanpa harus memakan tempat. Bagi yang tertarik untuk menampilkan hanya judul-judul posting saja di beranda, silakan simak langkah-langkahnya di bawah ini.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Untuk mem- backup template, silakan klik Download Template Lengkap. Hal ini untuk berjaga-jaga kalau nanti terjadi kesalahan dalam pengeditan.

4. Cari kode ]]></b:skin> (Gunakan Ctrl + F untuk memudahkan pencarian)

5. Copy kode di bawah ini dan 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>

6. Klik tombol SIMPAN TEMPLATE.

7. Selesai.

Pemasangan kode di atas masih menyisakan beberapa elemen seperti tanggal posting, label, komentar dan yang lainnya. Bila Anda ingin menghilangkan semuanya dan yang tersisa hanya judul postingnya saja, Anda dapat mencoba 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> 

Selesai..........