Cara Supaya Postingan Blog Kelihatan Judulnya Saja

Pernah melihat blog orang, pada halaman beranda,  yang tampil hanya judulnya saja. Menurut saya, itu menarik sekali. Dengan cara itu, orang tidak langsung bisa membaca tulisan kita, melainkan, akan mengklik dan membukanya, dan itu berarti, angka kunjungan semakin besar.

Nah, masalahnya, bagaimana caranya?

Mudah saja

1. Langsung masuk ke Edit HTML, cari </head>, lalu simpan kode ini di atasnya:


<style type='text/css'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>

.post {
margin:.1em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:1.0em;
height:2px;
}
.post h3 {
margin:.9em 0 0;
padding:0 0 1px;
font-size:14px;
font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif;
font-weight:normal;
line-height:1.0em;
color:#0000bb;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#0000bb;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {color: #f01c1c;}
.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>
</style>

2. Sesuaikan ukuran dan warnanya menurut selera Anda

a. Untuk mengubah ukuran huruf, aturlah angka pada kode: font-size:14px;
b. Untuk Mengubah jarak satu judul dengan judul di bawahnya, aturlah angka pada kode: height:2px;
c. Untuk mengatur warna, ubahlah kode yang memakai tanda pagar (#), dengan kode-kode lainnya. Berbagai macam kode warna bisa Anda dapatkan DI SINI