Cara Menampilkan Judul Postingan Saja di Blogspot.com
Cara Menampilkan Judul Postingan Saja di Blogspot.com - Apa kabar agan-agan blogger? Semoga agan-agan semua masih semagat bermain blogging, pada kesempatan kali ini kita akan coba membahas tentang bagaimana Cara Menampilkan Judul Postingan Saja di Blogspot.com. Tutorial kali ini sebenarnya berfungsi hampir sama dengan readmore, namun jika readmore menampilkan judul artikel berserta ringkasan artikel, maka yang ini hanya akan menampilkan judul artikel ( posting ) saja. Bagi agan-agan yang tertarik, silahkan ikuti tutorial berikut.
1. Login ke akun blogger agan-agan.
2. Klik rancangan --> edit HTML
3. Letakkan kode berikut di bawah kode ]]</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>
Cara Menampilkan Judul Postingan Saja di Blogspot.com - Apa kabar agan-agan blogger? Semoga agan-agan semua masih semagat bermain blogging, pada kesempatan kali ini kita akan coba membahas tentang bagaimana Cara Menampilkan Judul Postingan Saja di Blogspot.com. Tutorial kali ini sebenarnya berfungsi hampir sama dengan readmore, namun jika readmore menampilkan judul artikel berserta ringkasan artikel, maka yang ini hanya akan menampilkan judul artikel ( posting ) saja. Bagi agan-agan yang tertarik, silahkan ikuti tutorial berikut.
1. Login ke akun blogger agan-agan.
2. Klik rancangan --> edit HTML
3. Letakkan kode berikut di bawah kode ]]</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>
4. Simpan dan lihat hasilnya.
Tambahan Buat agan-agan semua:
Jika setelah menggunakan kode di atas dan masih menyisahkan elemen - elemn seperti tanggal posting, jumlah komentar dll, silahkan gunakan kode berikut Dan ganti kode no 3 diatas.
<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>
Okay cukup sekian tutorial kali ini buat agan-agan dan semoga bermanfaat buat agan-agan semua.
Bagaimana Pendapat Anda ?