Menampilkan Hanya Judul Posting di Beranda

Oleh Unknown

Tuesday, March 31, 2015

Selera tiap orang memang berbeda-beda. Ada kalanya selera yang kita sukai justru tidak disukai oleh orang lain. Begitu juga sebaliknya. Sama halnya dengan trik atau tutorial blog yang akan saya share kali ini, Cara menampilkan hanya judul posting di halaman beranda. Yaitu cara untuk menghilangkan deskripsi postingan di beranda, sehingga yang terlihat hanya judul postingnya saja. Ada yang selera, tapi banyak juga yang tidak. Kalau konco sinahu termasuk yang punya selera sama dengan saya maka tepat sekali sudah mampir ke sini.

Ada beberapa alasan mengapa hanya menampilkan judul posting di beranda. Di antaranya adalah agar tampilan lebih ringkas dan lebih banyak menyajikan informasi lewat judul di halaman beranda. Tapi biasanya semua itu tergantung style template nya.

Cara Menampilkan Hanya Judul Posting di Beranda Blog

Oke, langsung saja langkah-langkah untuk menampilkan hanya judul posting adalah sebagai berikut :

1. Login ke Blogger
2. Pilih menu template
3. Edit HTML
4. Cari kode </head> dan Letakkan 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>

5. Langkah terakhir, Klik "save template".

Yups, Beres. Sekarang bisa dilihat hasilnya. Kalau mengalami kendala bisa kita diskusikan di kolom komentar.

---