Kamis, 07 Juni 2012

Cara Menampilkan Hanya Judul Postingan Saja Di Homepage

Cara Menampilkan Hanya Judul Postingan Saja Di Homepage | Pada kesempatan yang sangat bahagia ini saya akan berbagi pada anda yang kebetulan sedang mencari artikel yang saya tulis ini yaitu bagaimana cara menampilkan postingan cuma judulnya saja di halaman utama. Pastinya akan lebih menarik. Dengan menampilkan judul postingannya saja tanpa gambar dan postingan lengkap di sidebar, akan membuat blog akan terlihat lebih bagus dan lebih menghemat ruangan halaman depan anda.

Dan yang tidak kalah pentingnya, dengan adanya hanya judul posting saja pada halaman homepage akan membuat blog anda loadingnya lebih cepat dari pada penampilan blog anda sebelum menggunakan tutorial ini. Pengunjung lebih menyukai artikel yang tidak terlihat padat dengan gambar dan sejenisnya, karena pengunjung yang membaca artikel anda cuma focus ke title postingan saja.

Berikut langkah-langkah menampilkan hanya judul postingan saja di blog :

1.  Login ke Blogger
2.  Pilih Rancangan
3.  Klik Edit HTML
4.  Cari kode ]]></b:skin> pakai ctrl + F biar cepat
5.  Lalu copy kode di bawah ini dan di bawah kode ]]></b:skin>

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.post-body{display:none;}
</b:if>
</b:if>
</style>

6.   Selesai dan simpan Template

Oia, dengan kode seperti diatas tersebut masih menyisakan beberapa elemen seperti : 
1. tanggal postingan
2. komentar dan yang lainnya 
Apabila anda tidak suka dengan tanggal, komentar dan yang lain, anda cukup ganti kode diatas tersebut dengan kode di bawah ini sehingga yang tampak hanya judul postingan saja.

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.post-body, .post-footer, .jump-link,
.post-timestamp, .reaction-buttons,
.star-ratings, .post-backlinks,
.post-icons, .date-header{display:none;}
</b:if>
</b:if>
</style>


Selesai, Slamat mencoba

0 komentar:

Posting Komentar