Cara Menampilkan Judul Saja Pada Postingan Di Halaman Depan

           Menampilkan judul jasa pada halaman depan sangat mengasikkan dan membuat pengunjung jadi betah, ini dikarenakan pengunjung tidak disuguhi postingan yang banyak dan menjemukan.
           Biasanya cara ini digunakan karena artikel, sidebar ataupun konten yang ditampilkan sudah padat. Tapi ada juga yang hanya sekedar ingin tampil lebih praktis dan lebih meringankan pada saat loading ketika blog tersebut dibuka.
           Untunglah ada sobat blogger yang mengeluhkan, bahwa kode css yang saya berikan tidak bekerja dengan baik.... terima kasih sobat. Dan ternyata setelah saya cek kembali, ada beberapa kode yang kurang, dan kini kode yang saya berikan dibawah sudah normal kembali, maka dari itu artikel ini saya update kembali ... bagi yang memerlukan trik ini silahkan anda coba dan saya pastikan akan berhasil tanpa keluhan.

Contoh bisa dilihat di halaman depan "rouftracal dot blogs"

OK... bila anda berminat, anda bisa ikuti lankah - langkah dibawah ini :

1. Login ke blogger dengan ID anda.

2. Klik Rancangan.

3. Dan KLik tab Edit HTML.

4. Cari kode di bawah ini atau yang mirip dengan kode ini : </head>


5. Copy kode css di bawah ini dan taruh sebelum kode : </head>

<style type='text/css'> <b:if cond='data:blog.pageType != "static_page"'><b:if cond='data:blog.pageType != "item"'> .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:#cc6600;} .post h3 a, .post h3 a:visited, .post h3 strong {display:block;text-decoration:none;color:#cc6600;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></b:if> </style>

6. Simpan Template.

Selamat mencoba ya... Semoga bermanfaat....
Terima kasih.

Sumber Kopast From CaraBuatWebGratis