Meminimalisir tampilan di homepage (beranda) dengan cara menampilkan posting tapi hanya judulnya saja.
Ada dua alternatif yang bisa saya berikan pada kesempatan kali ini, dan mudah-mudahan kedepannya ada cara yang lebih bagus lagi.Dengan Kode HTML...
Yang pertama kita langsung terjun ke kode HTMLnya, jadi kode yang diperlukan hanya akan disimpan di antara <body> dan </body>.
Untuk membuatnya, silahkan ikuti langkah-langkah dibawah ini:
- Masuk ke www.blogger.com dengan account anda.
- Pilih rancangan (tata letak)
- Klik Edit HTML
- Simpan dulu template anda dengan meng-klik Download Template Lengkap
- Centang Expand Template Widget (berada diatas kotak kode)
- Cari kode <b:include data='post' name='post'/>. (Gunakan Ctrl + F untuk memudahkan pencarian)
- Ganti kode diatas dengan kode dibawah ini
- Jika sudah, jangan lupa Simpan Template
- Selesai.
<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:if cond='data:blog.pageType != "item"'> <a expr:href='data:post.url'> <div style='padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;'> <data:post.title/></div></a> <b:else/> <b:include data='post' name='post'/> </b:if> <b:else/> <b:include data='post' name='post'/> </b:if>
Silahkan ganti kode yang bercetak tebal, sesuai style yang anda inginkan
Nah, cara yang kedua ini kita tidak mengubah kode HTMLnya, tapi hanya mengutak-atik kode CSS.
Biasanya dalam kode CSS untuk menghilangkan suatu kode dalam HTML, cukup dengan {display:none} dengan syarat kode dalam HTML terikat oleh kode CSS (misalkan DIV atau Class)
Untuk membuatnya, silahkan ikuti lagkah-langkah dibawah ini:
- Masuk ke www.blogger.com dengan account anda.
- Pilih rancangan (tata letak)
- Klik Edit HTML
- Cari kode ]]></b:skin>
- Masukan kode dibawah ini tepat di bawah kode ]]></b:skin>
- Nah, itu hanya postingnya saja, sedangkan tanggal dan lain-lain masih ada.
- Jika anda ingin menghilangkan semuanya (tanggal dll), Silahkan memakain kode dibawah ini,
- Pilih salah satu kode yang akan anda masukan antara langkah 5 dan langkah 7.
- Simpan Template, Selesai.
<b:if cond='data:blog.pageType != "item"'> <style> .post-body { display:none;} </style> </b:if>
<b:if cond='data:blog.pageType != "item"'> <style> .post-body, .post-footer, .jump-link, .post-timestamp, .reaction-buttons, .star-ratings, .post-backlinks, .post-icons { display:none;} </style> </b:if>
About Author
0 comment:
Posting Komentar