Inilah Cara Mudah Menampilkan Judul Postingan Saja Pada Homepage Blog

Cara Menampilkan Judul Postingan Saja pada Homepage Blog, SeCara Mudah default, blog dari platform blogger tampilan homepage blog terdiri dari judul postingan, diskripsi awal goresan pena sebelum di jump break, image tumbnail, dan fhal hal tersebutr body post lainniiya ibarat author name, tanggal, waktu dan lain-lain. Tampilan ibarat ini bagi sebagian blogger dirasa terlalu memenuhi bidang homepage blog. Sehingga perlu untuk dipendekkan menjadi judul postingan saja.

Sebenarniiya Cara Mudah manual untuk menciptakan tampilan ibarat hal hal tersebut pun dapat diladmin blogkan. Yakni dengan Cara Mudah insert jump break sebelum kata awal postingan. Lalu membersihkan semua fhal hal tersebutr pada body post. Akan tetapi Cara Mudah ini akan sangat merepotkan jikalau blog tersebut mempuniiyai baniiyak postingan. Lalu bagaimana Cara Mudahniiya semoga merubah tampilan homepage seCara Mudah otomatis haniiya judul postingan saja? Berikut Cara Mudahniiya.
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.

Hasilniiya paling tidak akan ibarat pada blog demo berikut ini.
Untuk mengatur jumlah postingan pada tiap halaman blog, silakan diatur pada settingan Post and Comments.

Tidak ada komentar:

Posting Komentar