Membuat Halaman Utama Blog Hanya Judul Postingannya Saja

Assalammu'alaikum wr. wb.

Disini saya akan berbagi tentang Cara Menampilkan Hanya Judul Posting Pada Blog.
Apakah anda bosan dengan tampilan dan pengaturan blog yang begitu-begitu saja ? Setelah blogwalking ke beberapa blog rekan-rekan yang lain, saya melihat ada tampilan baru dari blogger (Mungkin sayanya saja yang baru liat ^_^. Tampilan yang saya anggap baru tersebut yaitu mereka hanya menampilkan judul artikel pada halaman depan blog mereka (home). Setelah saya perhatikan cukup menarik juga untuk diterapkan. Ini bisa menjadi alternative selain menu read more.

Yang Dilingkar Disamping Adalah Contohnya..

Silahkan ikuti langkah berikut :

• Login ke blogger
• Klik Rancangan
• Klik Edit HTML

Silahkan cari kode ini ]]></b:skin>
Lalu copy kode berikut dan paste dibawah 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>

Selanjutnya klik simpan template.
Terakhir klik selesai dan lihat hasilnya.

Cara diatas terkadang masih menyisahkan beberapa elemen pada halaman depan blog kita selain judul post. Jika ingin menghilangkan semuanya selain judul post silahkan gunakan kode dibawah 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>

Jika masih saja ada element yang tersisah itu artinya template yang anda gunakan tidak mendukung.

Sekian tips dari saya, terima kasih !

Di Copas Dari : Adit'Z OziL HnC