CARA MENAMPILKAN HANYA JUDUL ARTIKEL PADA HALAMAN DEPAN BLOG

Cara Menampilkan Hanya Judul Artikel Pada Halaman Depan Blog - Apakah anda bosan dengan tampilan dan pengaturan blog yang begitu-begitu saja ? Setelah blogwalking ke beberapa blog rekan-rekan yang lain, saya melihat ada tampilan baru dari blogger (Mungkin sayanya saja yang baru liat :D). Tampilan yang saya anggap baru tersebut yaitu mereka hanya menampilkan judul artikel pada halaman depan blog mereka (home). Setelah saya perhatikan cukup menarik juga untuk diterapkan. Ini bisa menjadi alternative selain menu read more.

Kelebihan menerapkan metode ini dibanding read more yaitu kita dapat menampilakn lebih banyak entri pada halaman depan. Menurut saya ini sangat tepat untuk template dengan tema magazine.
Contoh : Klik dsni
Anda juga ingin mencoba ?

Silahkan ikuti langkah berikut :

• Login ke blogger
• Klik Rancangan

• Klik Edit HTML
  

 

• Untuk prosedur keamanan sangat disarankan untuk membackup tempalte anda dahulu dengan cara mengklik download template lengkap.
• Jangan lupa klik Expand Template Widget

    

Silahkan car kode ini ]]></b:skin>
Lala copy kode berikut dan paste dibawah 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>

Selanjutnya klik simpan template.
Terakhir klik selesai dan lihat hasilnya.

Cara diatas terkadang masih menyisahkan beberapa elemen pada halaman depan blog kita selain judul post. Jika ingin menghilangkan semuanya selain judul post silahkan gunakan kode dibawah ini :

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

Jika masih saja ada element yang tersisah itu artinya template yang anda gunakan tidak mendukung.

Sekian tips dari saya, terima kasih !

Artikel Terkait:

Tips Blogger

• Cara Membuat Komentar Admin Berbeda dengan Komentar Pengunjung
• Kumpulan Icon Read More Blog
• Cara Membuat Threaded Comment (Fitur Reply)
• Cara Membuat Read More Otomatis Dengan Tombol Gambar
• Cara Membuat Read More Otomatis Di Blog
• Script Anti Klik Kanan + Ctrl U + Ctrl C
• Cara membuat Efek banjir di blog
• Cara Membuat Anti Klik Kanan Dengan Gambar
• Cara Membuat Gambar Pembuka pada Blog
• Cara Membuat Buku Tamu Yang Keren
• Cara Membuat Buku Tamu Model Sliding
• Cara Mudah Mendapatkan Sitelink Google
• Cara Menampilkan Link Otomatis Saat Blog di Copy Paste
• Cara Membuat Halaman Maintenance Pada Blogspot
• Cara Membuat komentar admin berbeda dengan pengunjung
• Cara Memasang pesan Terimakasih di bawah komentar
• Pasang Avatar Di Kotak Komentar Blog
• Cara Membuat menu slide info di blog dengan css
• Cara Membuat Balon Tooltip Otomatis Ke Semua Title Yg Ada Di Blog
• Cara Membuat Menu Slide melayang di bagian kiri blog dengan css
• Cara membuat zFP menu di Blog
• Javascript Disable Keybord
• Membuat menu melayang dengan sentuhan Jquery dan CSS3
• Cara Menampilkan Hanya Judul Postingan di Halaman Depan Blog dengan Css

Accesoris Blog

• Cara Membuat Cursor following menu
• Cara Membuat Background Pada Cbox
• Cara Membuat Label Cloud Tanpa Edit HTML
• Cara Memasang Total Komentar dan Total Posts
• Cara Membuat Link Pada Label Bergeser Saat Disorot (Link Nudging)
• Cara Membuat Buku Tamu Show/Hide Dari Atas
• Cara Memasang Tombol "Save as PDF" Di Blogger
• Cara Membuat Daftar Isi Pada Blog
• Cara Membuat Icon Twitter Burung Terbang
• Tips Memasang Buku Tamu/Instant Comment/Chat Box pada Blogger
• Cara Membuat Efek Bubble 'Gelembung' Pada Cursor
• Cara membuat header blog dengan Supalogo
• Membuat menu melayang dengan sentuhan Jquery dan CSS3
• Cara Menampilkan Hanya Judul Postingan di Halaman Depan Blog dengan Css
• Cara Pasang Icon di Samping Judul Postingan
• Cara Membuat Buku Tamu Blog Tanpa Di Klik Terbuka
• Clock Widget : Jam Mengikuti Kursor
• Cara MemBuat/Pasang Navigasi Breadcrumb di Blogger
• Cara membuat Omni Slide Menu Pada BLog
• Cara Membuat Menu dTree
• Cara Bikin Float Gambar Pada Blog
• Tag cloud cumulus update
• Cara Membuat Double Klik untuk Back to Top (Kembali ke Atas)
• Membuat Navigasi Halaman Bernomor/Paging