cara menampilkan judul postingan saja pada home page

Salam persahabatan, pada postingan yang lalu saya pernah share Cara membuat tampilan blog berbeda disetiap halaman, nah kali ini saya mau share tentang cara menampilkan judul postingan saja pada home page blog sobat. Dengan trik ini blog sobat tidak terlalu berat untuk loading dan yang ditampilkan hanya judul postingan sobat. Cara membuatnya sangat mudah hanya menambahkan beberapa script saja.

Untuk jelasnya mari kita ikuti cara menampilkan judul posting saja pada home page berikut ini :

• Masuk ke Blogger, pilih tab Design lalu pilih Edit, kemudian cari kode ]]></b:skin>
• Pastekan kode dibawah ini tepat di bawah kode tadi

<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>

• Setelah selesai simpanlah template sobat
• Dan lihat hasilnya.

Kode script di atas masih menampilkan .post-footer,.jump-link, post-timestamp, .reaction-buttons, .star-ratings, .post-backlinks, .post-icons, .date-header

Untuk menghilangkan semuanya dan hanya judul saja yang ditampilkan masukkan kode berikut ini tepat 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, .post-footer, .jump-link,
.post-timestamp, .reaction-buttons,
.star-ratings, .post-backlinks,
.post-icons, .date-header{display:none;}
</b:if>
</b:if>
</style>

Selesai sudah Trik menampilkan judul posting saja pada home page.

Selamat mencoba semoga berhasil…!!

Artikel Terkait: