kali ini kita akan membahas Cara menampilkan hanya judul posting di homepage.Mungkin sobat-sobat sekalian pernah melihat sebuah blog yang pada homepage/beranda blognya hanya tampak judul postingannya saja.Emang sih dengan hanya menampilkan judul posting di homepage blog,maka kita bisa menghemat ruang sehingga kita bisa menampilkan banyak posting di homepage/halaman depan blog kita.<br />
<br />
Dengan cara ini,sobat bisa menampilkan banyak posting di homepage/halaman depan blog sobat.Dengan begitu,kemungkinan postingan blog sobat banyak dibaca para pengunjung sangat besar.Apakah sobat sekalian tertarik dengan tutorial ini,ayo langsung saja kita mulai,ikuti beberapa langkah berikut.<br />
<br />
1.Login ke akun blogger sobat<br />
2.Pilih/klik menu RANCANGAN<br />
3.Lalu klik Edit HTML<br />
4.Cari kode ]]><br />
agar lebih mudah dalam mencari kodenya gunakan Ctrl+F pada keyboard sobat.<br />
5.Masukan kode berikut di bawah kode yang tadi<br />
<br />
<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><br />
<br />
6.Klik SIMPAN<br />
7.Selesai.<br />
<br />
Bagi sobat yang menggunakan antarmuka blogger yang diperbarui,ikuti langkah berikut.<br />
1.Login ke akun blogger sobat<br />
2.Klik menu template<br />
3.Lalu klik Edit HTML<br />
4.Cari kode ]]><br />
agar lebih mudah dalam mencari kodenya gunakan Ctrl+F pada keyboard sobat.<br />
5.Masukan kode berikut di bawah kode yang tadi<br />
<br />
<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><br />
<br />
6.Klik SIMPAN<br />
7.Selesai.<br />
<br />
Coba sobat lihat hasilnya.Dengan script di atas,pada homepage/halaman depan blog sobat akan tampil hanya judul postingan,tanggal posting dan jumlah komentarTetapi jika sobat hanya ingin menampilkan judul postingnya saja,sobat bisa gunakan kode berikut<br />
<br />
<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><br />
<br />
Semoga postingan saya ini bisa bermanfaat untuk sobat blogger sekalian
<br />
Dengan cara ini,sobat bisa menampilkan banyak posting di homepage/halaman depan blog sobat.Dengan begitu,kemungkinan postingan blog sobat banyak dibaca para pengunjung sangat besar.Apakah sobat sekalian tertarik dengan tutorial ini,ayo langsung saja kita mulai,ikuti beberapa langkah berikut.<br />
<br />
1.Login ke akun blogger sobat<br />
2.Pilih/klik menu RANCANGAN<br />
3.Lalu klik Edit HTML<br />
4.Cari kode ]]><br />
agar lebih mudah dalam mencari kodenya gunakan Ctrl+F pada keyboard sobat.<br />
5.Masukan kode berikut di bawah kode yang tadi<br />
<br />
<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><br />
<br />
6.Klik SIMPAN<br />
7.Selesai.<br />
<br />
Bagi sobat yang menggunakan antarmuka blogger yang diperbarui,ikuti langkah berikut.<br />
1.Login ke akun blogger sobat<br />
2.Klik menu template<br />
3.Lalu klik Edit HTML<br />
4.Cari kode ]]><br />
agar lebih mudah dalam mencari kodenya gunakan Ctrl+F pada keyboard sobat.<br />
5.Masukan kode berikut di bawah kode yang tadi<br />
<br />
<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><br />
<br />
6.Klik SIMPAN<br />
7.Selesai.<br />
<br />
Coba sobat lihat hasilnya.Dengan script di atas,pada homepage/halaman depan blog sobat akan tampil hanya judul postingan,tanggal posting dan jumlah komentarTetapi jika sobat hanya ingin menampilkan judul postingnya saja,sobat bisa gunakan kode berikut<br />
<br />
<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><br />
<br />
Semoga postingan saya ini bisa bermanfaat untuk sobat blogger sekalian