Wednesday, August 31, 2016
Cara Menampilkan Postingan Hanya Berupa Judulnya Saja
Cara Menampilkan Postingan Hanya Berupa Judulnya Saja
Pernahkan anda melihat blog yang pada home pagenya hanya berupa judulnya saja. Biasanya pada home page blog terdapat judul dengan isinya, akan tetapi ada beberapa blog yang hanya menampilkan judulnya saja ?
Seperti ini contohnya gan . .
Maksud dari disembunyikannya isi postingan adalah agar tidak terlalu banyak memakan space yang membuat artikel pada home page lebih sedikit. Biasanya jika isi sudah di sembunyikan maka akan ada banyak postingan yang muncul pada home page suatu blog. Jika anda tertarik anda tertarik anda bisa membuatnya dengan mengikuti tutorial dibawah ini.
Cara Menampilkan Postingan Hanya Berupa Judulnya Saja
1. Login terlebih dahulu ke blog anda masing-masing.
2. Silahkan anda menunju ke Template > Edit HTML.
3. Untuk jaga-jaga takutnya nanti ada sesuatu hal yang tidak diinginkan, silahkan anda download terlebih dahulu template anda sendiri. Silahkan klik Download Template Lengkap.
4. Lalu anda cari code ]]></b:skin>
5. Pastekan code dibawah ini dibawah code ]]></b:skin>
<style type=text/css>
<b:if cond=data:blog.pageType != "item">
<b:if cond=data:blog.pageType != "static_page">
.post-body{display:none;}
</b:if>
</b:if>
</style> 6. Lalu anda klik Simpan Template.
Silahkan anda lihat hasilnya dengan mengklik lihat blog.
Sangat mudah bukan step by stepnya, akan tetapi code diatas hanya menghilangkan isi postingannya saja tidak menghilangkan sisanya seperti tanggal postingan, komentar dan yang lainnya.
Untuk menghilangkan itu semua dan hanya tersisa judul postingannya saja anda perlu meletakkan code dibawah ini. Dengna code dibawah ini maka seperti komentar dan tanggal postingan dan lainnya akan hilang dan hanya menyisakan judul postingannya saja.
<style type=text/css>
<b:if cond=data:blog.pageType != "item">
<b:if cond=data:blog.pageType != "static_page">
.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> Setelah anda menggunakan code ke 2 ini, silahkan anda lihat lagi hasilnya apakah judul postingan dan komentar sudah hilang atau tidak.
Selamat mencoba ^_^ Salam Blogger ^_^
Available link for download
