Menampilkan Judul saja pada Blog

Secara default, blog dari platform blogger tampilan homepage blog terdiri dari judul postingan, diskripsi awal tulisan sebelum di jump break, image tumbnail, dan fitur body post lainnya seperti author name, tanggal, waktu dan lain-lain. Tampilan seperti ini bagi sebagian blogger dirasa terlalu memenuhi bidang homepage blog. Sehingga perlu untuk dipendekkan menjadi judul postingan saja.

Sebenarnya cara manual untuk membuat tampilan seperti itu pun bisa dilakukan. Yakni dengan carainsert jump break sebelum kata awal postingan. Lalu membersihkan semua fitur pada body post. Akan tetapi cara ini akan sangat merepotkan jika blog tersebut memiliki banyak postingan. Lalu bagaimana caranya agar merubah tampilan homepage secara otomatis hanya judul postingan saja? Berikut caranya.
.

Cara Menampilkan Judul Postingan Saja pada Homepage Blog

1. Masuk dasboard blogger.

2. Pilib Template dan klik Edit HTML.

3. Paste kode di bawah ini tepat di bawah kode </head>.

<style type='text/css'>

<b:if cond='data:blog.pageType != "static_page"'>

<b:if cond='data:blog.pageType != "item"'>

.post {

margin:.5em 0 1.5em;

border-bottom:0px dotted $bordercolor;

padding-bottom:1.0em;

height:50px;

}

.post h3 {

margin:.25em 0 0;

padding:0 0 4px;

font-size:20px;

font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif;

font-weight:normal;

line-height:1.4em;

color:#cc6600;

}

.post h3 a, .post h3 a:visited, .post h3 strong {

display:block;

text-decoration:none;

color:#cc6600;

font-weight:normal;

}

.post h3 strong, .post h3 a:hover {color:#333333;}

.post-body {display:none;}

.post-footer {display:none;}

.comment-link {display:none;}

.post img {display:none;}

.post blockquote {display:none;}

.post blockquote p {display:none;}

h2.date-header {display:none;}

.post-labels {display:none;}

.post-rating {display:none;}

</b:if>

</b:if>

</style>

4. Akhiri dengan Save template.

Selamat Mencoba Gan!

Credit to: http://bloging-gampang.blogspot.com/