Cara Membuat Postingan Hanya Tampil Judulnya Saja di Halaman Utama Blog (Home Page)
- Setelah lama sekali tidak pernah update posting blog, Sekaranglah
saatnya saya berbagi artikel lagi. Pada artikel yang sebelumnya saya
sudah share dan mengulas trik tentang Cara membuat dan memasang Contact Us di blog dan kali ini saya akan share artikel tentang Cara Membuat Postingan Hanya Tampil Judulnya Saja di Halaman Utama Blog.
Hal ini biasanya di lakukan oleh para blogger untuk tujuan mempercantik blog atau menyingkat tampilan blog, Karena jika hanya tampil judul postingan saja di halaman utama blog, Maka loading suatu blog jika di akses atau dibuka pada halaman utama (Home Page) akan terasa ringan, intinya blog jadi ringan.
Trik ini dulu pernah saya lakukan dan memang sangat gampang sekali untuk mempraktekkan dan menerapkan kodenya. Dahulu memang saya berfikir hal ini sulit saya lakukan, namun dengan cari cara kesana kemari akhirnya saya bisa juga menerapkannya di blog.
Karena seringnya saya melakukan edit-edit HTML blog, jadi sekarang saya sudah cukup sedikit banyak mengetahui kode-kode yang ada pada template blog. Namun saya juga masih harus belajar banyak dari trik-trik para blogger lain yang sudah menjadi webmaster tentunya.
Tampilan yang akan kita buat kira-kira akan seperti contoh gambar screenshot di bawah ini.
Untuk cara membuatnya seperti itu, Caranya sangat mudah sekali. Silahkan sobat ikuti langkah-langkahnya sebagai berikut:
1. Silahkan sobat >> "Masuk/Login" ke akun blog sobat.
2. Pada tampilan menu blog yang baru, Sobat Pilih >> Menu "Template", Seperti pada gambar di bawah ini.
3. Kemudian Klik >> Menu "Edit HTML"
4. Langkah selanjutnya sobat carilah kode ]]></b:skin>
Gunakan CTRL+F untuk mempermudah pencarian.
5. Silahkan sobat Copy kode di bawah ini, Lalu Paste-kan tepat di bawah kode ]]></b:skin>
<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>
6. Jika sudah, Untuk menghindari kesalahan saat Edit Template, Silahkan sobat klik >> "Preview/Pratinjau".
7. Jika Hasilnya baik-baik saja atau tidak Error, Silahkan sobat klik >> "Save/Simpan Template".
Catatan:
<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>
Demikian Tutorial blog ringan tentang Cara Membuat Postingan Hanya Tampil Judulnya Saja di Halaman Utama Blog (Home Page), Semoga bisa sangat bermanfaat untuk sobat KUCOPAS semua.
Hal ini biasanya di lakukan oleh para blogger untuk tujuan mempercantik blog atau menyingkat tampilan blog, Karena jika hanya tampil judul postingan saja di halaman utama blog, Maka loading suatu blog jika di akses atau dibuka pada halaman utama (Home Page) akan terasa ringan, intinya blog jadi ringan.
Trik ini dulu pernah saya lakukan dan memang sangat gampang sekali untuk mempraktekkan dan menerapkan kodenya. Dahulu memang saya berfikir hal ini sulit saya lakukan, namun dengan cari cara kesana kemari akhirnya saya bisa juga menerapkannya di blog.
Karena seringnya saya melakukan edit-edit HTML blog, jadi sekarang saya sudah cukup sedikit banyak mengetahui kode-kode yang ada pada template blog. Namun saya juga masih harus belajar banyak dari trik-trik para blogger lain yang sudah menjadi webmaster tentunya.
Tampilan yang akan kita buat kira-kira akan seperti contoh gambar screenshot di bawah ini.
Untuk cara membuatnya seperti itu, Caranya sangat mudah sekali. Silahkan sobat ikuti langkah-langkahnya sebagai berikut:
1. Silahkan sobat >> "Masuk/Login" ke akun blog sobat.
2. Pada tampilan menu blog yang baru, Sobat Pilih >> Menu "Template", Seperti pada gambar di bawah ini.
3. Kemudian Klik >> Menu "Edit HTML"
4. Langkah selanjutnya sobat carilah kode ]]></b:skin>
Gunakan CTRL+F untuk mempermudah pencarian.
5. Silahkan sobat Copy kode di bawah ini, Lalu Paste-kan tepat di bawah kode ]]></b:skin>
<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>
6. Jika sudah, Untuk menghindari kesalahan saat Edit Template, Silahkan sobat klik >> "Preview/Pratinjau".
7. Jika Hasilnya baik-baik saja atau tidak Error, Silahkan sobat klik >> "Save/Simpan Template".
Catatan:
- Kode script diatas masih akan menyisakan beberapa elemen yang tampil, Seperti tanggal posting, komentar dan yang lainnya. Kalau sobat mau atau ingin menghilangkan semuanya dan yang tersisa hanya judul postingnya saja, Maka silahkan sobat pakai kode script yang berikut dibawah ini, Cara menaruhnya sama seperti yang saya sudah jelaskan di atas.
<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>
- Jika semua Kode Script-nya sudah sobat terapkan, Silahkan klik >> "Save/Simpan Template", Dan lihat hasilnya.
Demikian Tutorial blog ringan tentang Cara Membuat Postingan Hanya Tampil Judulnya Saja di Halaman Utama Blog (Home Page), Semoga bisa sangat bermanfaat untuk sobat KUCOPAS semua.
