Cara Menampilkan Judul Postingan di beranda blog

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 Paste kode di bawah ini di bagian 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>

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>

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



6. Save TEMPLATE

7. Selesai.