Buat teman-teman blogger mungkin lebih enyak untuk nampilin judul postingannye aje di halaman utama blog (homepage). Bila postingan kita memuat artikel yang panjang x lebar = Legaaaaa......akan tidak efektif jika menampilkan semua isi postingan di halaman utama. Pengunjung setia blog anda akan malas menggerakkan mouse ke bawah untuk melihat postingan. Oke... langsung saja berikut caranya:
- Login terlebih dahulu di blogger.com kemudian cari rancagan.
- Pilih Edit Html.
- Cari kode ]]></b:skin> Untuk mempermudah pencarian tekan Ctrl + F pada keyboard.
- Taruh kode berikut di bawah kode tadi
<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,
.comment-link,
.post-labels{display:none;}
</b:if>
</b:if>
</style>
<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,
.comment-link,
.post-labels{display:none;}
</b:if>
</b:if>
</style>
5. Simpan template dan lihat hasilnya.Sedikit penjelasan:
Kode diatas benar-benar hanya menampilkan judul posting, bila anda ingin menambahkan beberapa elemen seperti waktu dan tanggal maka anda bisa menghilangkan beberapa kode diatas seperti:
- post-body untuk menyembunyikan isi artikel (posting).
- post footer untuk menyembunyikan footer artikel.
- jump-link untuk menyembunyikan jump-link.
- post-timestamp untuk menyembunyikan waktu posting.
- reaction-buttom untuk menyembunyikan tombol reaksi.
- star-rating untuk menyembunyikan rating bintang.
- post-backlinks untuk menyembunyikan link ke posting.
- post-icon untuk menghilangkan icon posting .
- post-labels untuk menyembunyikan label posting.
- comment-link untuk menyembunyikan link ke komentar postingan.
- date-header untuk menyembunyikan tanggal posting.
Atau bisa juga pake kode yg ini, coz gw jg pake yg ini :
<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>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
.post-body{display:none;}
</b:if>
</b:if>
</style>
Jangan lupa klo udah disave tamplate oke.... Gud LuK:)
Tidak ada komentar:
Posting Komentar