Cara Menampilkan Judul Postingan Blog Saja di Homepage

Unknown

Tutorial Blogging

25 Feb 2013

1 Komentar

Cara Menampilkan Judul Postingan Blog Saja di Homepage - Cara memunculkan judul artikel blog saja di homepage blog atau Cara agar judul postingan/artikel blog tampil di homepage saja atau Cara membuat judul postingan blog hanya ada di homepage saja.

Pada kesempatan kali ini saya akan memposting artikel yang berjudul Cara Menampilkan Judul Postingan Blog Saja di Homepage. Pasti kamu pernah melihat homepage blog lain yang hanya menyertakan judulnya saja pada homepage. Seperti yang kamu lihat screenshot di atas, kali ini saya akan menerapkan kembali untuk Sobat sekalian. Sistem ini sebenarnya hampir sama dengan fungsi readmore pada artikel blog, namun readmore berfungsi untuk membuat posting pada homepage menjadi ringkas. Maka pada sistem ini, hanya akan menampilkan judul artikelnya saja pada homepage. Sistem ini lebih mengedepankan judul, jadi visitor akan lebih penasaran apa isi pada judul terserbut. Bagi kamu yang tertarik, ikuti langkah tutorial berikut:

1. Login ke akun Blogger kamu.
2. Pilih Template > Edit Html > Lanjutkan > Centang ( Expand Template Widget ).
3. Cari kode ]]></b:skin> ( Untuk mempermudah pencarian, tekan Ctrl+F atau F3 ).
4. Copas kode berikut, letakan 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{display:none;}
</b:if>
</b:if>
</style>

 5. Tekan Pratinjau terlebih dahulu, setelah berhasil baru tekan Simpan...

Tambahan:
Jika sudah menggunakan kode di atas masih menyisakan elemen-elemen seperti jumlah komentar, tanggal postingan, jam postingan dll. Silahkan menggunakan kode berikut, menggantikan kode no 4.

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

Baik demikianlah tutorial kita pada kesempatan hari ini, semoga bisa membuat blog kamu menjadi lebih baik dan positif bagi pengunjung yang membaca homepage blog kamu. Semoga Bermanfaat..