Cara menampilkan judul posting saja di blog

Inilah gambar dari salah satu blog yang menggunakan judul posting saja di blogspot:

judul posting saja di blogspot

Mengingat langkah ini benar-benar sangat efektif serta amat menghemat area pada halaman depan sesuatu situs (blog). Pada umumnya  cara menampilkan judul posting saja di blogspot ini dipakai dikarenakan artikel, sidebar maupun content yang ditampilkan telah padat. namun ada juga yang sekedar hanya pingin tampak lebih praktis serta lebih meringankan pada waktu loading saat situs (blog) tersebut pada saat di buka. Sebelum ane terlalu banyak basa-basi mari kita mulai saja tipsnya.

Cara menampilkan judul posting saja di blogspot

1. Login ke blogger dengan ID anda.

2. Klik Rancangan.

3. Dan KLik tab Edit HTML.

4. Cari kode ini : </head>

5. Copy kode css di bawah ini dan taruh diatas 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>

6. Simpan Template.

Tweet