-->
 
Menampilkan Hanya Judul Posting di Beranda

BERANDAARCHIVEQUR'ANYASINTAHLILAMALAN

     


Tips atau Cara Ini dapat mengurangi sedikit beban loading pada Home Blog sobat
Karena waktu menuju Home/beranda Blog sobat yang menjadi target hanya judul doang sementara kontennya tidak,,Untuk Tips ini hanya menggunakan CSS,..Memang sih tampilan pada Beranda kurang Menarik mungkin lebih menarik kalau pakai Read More Otomatis Namun cenderung membuat blog sedikit agak berat..
Nah untuk tips ini mari kita Simak Langkahnya...

Contoh tampilan Beranda yang hanya menampilkan judul posting label dan komentar



Bagi yang sobat blogger yang ingin menampilkan hanya judul-judul posting label dan komentar saja di halaman beranda/home seperti contoh diatas , berikut adalah langkah - langkahnya ;

1. Masuk ke akun Blogger Anda.

2.Masuk Rancangan Klik Edit HTML.

3. Cari kode ]]></b:skin> (Gunakan Ctrl + F untuk memudahkan pencarian)

4. Copy kode di bawah ini dan pastekan 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. Klik prantinjau untuk melihat previewnya sebelum di save
6. Bila memang sudah tidak ada kesalahan klik SAVE TEMPLATE


Pemasangan kode di atas masih menyisakan beberapa elemen seperti tanggal posting, label, dan komentar .Dan kode dibawah ini bila Anda ingin menghilangkan semuanya dan yang tersisa hanya judul postingannya saja,
Cara pemasangannya sama seperti yang diatas
<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>
kalau kode yang kedua ini hasilnya seperti dibawah ,hanya menyisakan judul saja ;

 Selamat mencoba ....
Posted On : 27 Juli 2011 Time : 09.40
SHARE TO :
| | Powered By : C.(BH-elatos) | Copyright By : cuerosbhelatos | |