Umumnya pada template bawaan blogger akan menampilkan seluruh artikel di halaman beranda atau homepage, bisa juga diakali dengan memanfaatkan menu readmore. Tetapi tetap sajatampilan tersebut membutuhkan tempat yang lumayan panjang ke bawah jika pada pengaturan format posting di isi dengan jumlah lebih dari 1 postingan, lumayan bikin capek deh menggulung roll mouse. Sehingga hal itu saya siasati dengan cara menghemat pandangan mata. Contohnya seperti pada halaman home blog paling keren ini. Hoax!
Selain berfungsi untuk meminimalisir penggunaan roll mouse, atau biar jari telunjuk anda tidak selalu mengusap naik turun layar gadget. Juga dalam rangka memperingan loading halaman, walaupun menampilkan 10 postingan dalam tiap halaman tapi menghasilkan kecepatan loadingnya masih aman terkendali. Nah, untuk membuat tampilan postingan di halaman beranda jadi seperti itu, langkah dalam memodifikasinya adalah sebagai berikut. Biar aman, disarankan terlebih dulu mendownload template lengkap, sebagai backup.
Masuk ke akun blogger, pilih menu “Template”. Kemudian klik tombol “Edit Template”.
Masuk ke akun blogger, pilih menu “Template”. Kemudian klik tombol “Edit Template”.
Cari kode;
]]></b:skin>
Paste kode berikut ini sebelum/diatasnya;
<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>
Sebagai langkah penutup, klik tombol “Simpan Template”. Maka selesai sudah proses modifikasi tampilan halaman posting anda.
*Catatan
Kode di atas akan memberi tampilan seperti yang ada di blog ini (tanpa tanggal posting). Sedangkan jika ingin menampilkan keterangan jumlah komentar, tanggal postingan dan elemen lain, maka anda bisa menggunakan 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>
Diantara masing-masing model tampilan tersebut, menjadi pilihan anda. Saya tidak turut campur. Selamat mencoba.