Cara Menampilkan Judul Post Saja Di Homepage Blogger

RELATED:

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

Sebagai contoh, sahabat dapat melihat di homepage blog ini (muhbalak.com)

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

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

1. Login ke Blogger
2. Lalu pilih sajian template

3. Edit HTML >> Expand widget templates

4. Cari arahan </head> (gunakan Ctrl+F semoga cepat)

5. Letak arahan 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 karenanya :)
Jika ada masalah, silahkan untuk meninggalkan komentar di Google plus saya. Thanks telah berkunjung

Semoga bermanfaat

Tags: semoga tampil judul post saja, post hanya judulnya, judul post di home