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 goresan pena sebelum di jump break, image tumbnail, dan fitur body post lainnya menyerupai author name, tanggal, waktu dan lain-lain. Tampilan menyerupai ini bagi sebagian blogger dirasa terlalu memenuhi bidang homepage blog. Sehingga perlu untuk dipendekkan menjadi judul postingan saja.

Sebenarnya cara manual untuk menciptakan tampilan menyerupai itu pun dapat 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 jikalau blog tersebut mempunyai banyak postingan. Lalu bagaimana caranya biar 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 instruksi di bawah ini sempurna di bawah instruksi </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 menyerupai pada blog demo berikut ini.

• DEMO

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.

Tweet

Subscribe to receive free email updates: