Cara menampilkan judul post saja di homepage blogger

trik dapat Rp 6.000.000,- / bulan

Cara menampilkan judul post saja di homepage blogger. banyak cara membuat blog kita kelihatan lebih simple dan menarik...salah satunya adalah dengan cara hanya menampilkan judul post di homepage blog kita. Tentu ini akan membuat blog kita kelihatan lebih ringkas dan rapi di halaman depannya.

Sebagai contoh, sobat bisa melihat di homepage blog ini (muhbalak.com)

atau di blog lain saya yang beralalamatkan di http://pba2011.blogspot.com

Bagi sobat2 yang tertarik untuk membuat judul post saja yang tampil di homepage, silahkan untuk mengikuti langkah-langkah berikut:

1. Login ke Blogger
2. Lalu pilih menu template

3. Edit HTML >> Expand widget templates

4. Cari kode </head> (gunakan Ctrl+F agar cepat)

5. Letak kode berikut di atas </head>

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

.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:#33AAFF;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#33AAFF;
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>
</style> 

6. Klik "save template"

Sekarang lihat hasilnya :)
Jika ada masalah, silahkan untuk meninggalkan komentar di Google plus saya. Thanks telah berkunjung

Semoga bermanfaat