Cara Menampilkan Judul Postingan Saja pada Homepage Blog

Cara Menampilkan Judul Postingan Saja pada Homepage 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 cara insert 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.
Artikel rekomendasi Cara Ganti Alamat URL Blog.


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.

Hasilnya paling tidak akan seperti pada blog demo berikut ini.
Untuk mengatur jumlah postingan pada tiap halaman blog, silakan diatur pada settingan Post and Comments.
Artikel terkait Cara Mengatur Postingan dan Komentar pada Blog.
Demikian cara menampilkan judul postingan saja pada homepage blog. Semoga bermanfaat dan selamat mencoba.

0 comments