Mungkin temen-temen ingin banyak postingan yang ditampilkan di halaman awal blog, tetapi tidak mau halaman awal blog temen-temen menjadi panjang sehingga pengunjung harus men-scroll halaman sampai ke bawah. Tips untuk mengatasinya adalah hanya menampilkan postingan denga judulnya saja pada halaman awal, dengan syarat temen-temen yakin judul postingan yang temen-temen buat sudah mendeskripsikan keseluruhan isi postingan. Manfaat menampilkan postingan hanya judul saja adalah temen-temen dapat menghemat tempat di halaman awal. Untuk membuat membuatnya, berikut Cara Menampilkan Postingan Hanya Judul Saja :
1. Masuk/ Login ke Blogger
2. Masuk ke Rancangan lalu pilih Edit HTML
3. Jika ingin membackup template silahkan di-backup dahulu lewat link Download Template Lengkap
4. Temukan kode
1. Masuk/ Login ke Blogger
2. Masuk ke Rancangan lalu pilih Edit HTML
3. Jika ingin membackup template silahkan di-backup dahulu lewat link Download Template Lengkap
4. Temukan kode
]]></b:skin>
5. Setelah / di bawah kode ]]></b:skin> paste-kan kode berikut:
<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>
<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. Simpan
Maka hasilnya akan menjadi seperti ini:
Maka hasilnya akan menjadi seperti ini:
Temen-temen dapat lihat pada gambar di atas atribut tanggal, author, label dan komentar ternyata masih ada.
jika ingin menghilangkan semua atribut selain judul posting, maka cukup menambahkan beberapa kode seperti
berikut:
<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>
Hasilnya menjadi seperti ini:
Atribut tanggal, author, label dan komentar sudah hilang.
Silahkan Dicoba ..
0 comments:
Post a Comment