Hanya Menampilkan Judul Postingan di Halaman Depan Blog

Bagi Anda yang mempunyai artikel panjang dan selalu memenuhi halaman depan blog, mungkin sudah saatnya sekarang Anda menambahkan kodeCSS di blog. Kode ini berfungsi Hanya Menampilkan Judul Postingan Di Halaman Depan Blog, sehingga akan menambah efisiensi dalam menggunakan halaman depan blog Anda. Sebagai contoh ketika pengunjung meng-klik menu HOME blog apakah semua artikel dapat termuat dalam satu layar penuh? pasti tidak bukan walaupun sudah menambahkan Read More. Bagi yang berminat yuk baca lebih lanjut.

Kode CSS yang dipakai adalah sebagai berikut :

<style type='text/css'><b:if cond='data:blog.url == data:blog.homepageUrl'><br />.post {<br />margin:.5em 0 1.5em;<br />border-bottom:0px dotted $bordercolor;<br />padding-bottom:1.0em;<br />height:50px;<br />}<br />.post h3 {<br />margin:.25em 0 0;<br />padding:0 0 4px;<br />font-size:20px;<br />font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif;<br />font-weight:normal;<br />line-height:1.4em;<br />color:#cc6600;<br />}<br />.post h3 a, .post h3 a:visited, .post h3 strong {<br />display:block;<br />text-decoration:none;<br />color:#cc6600;<br />font-weight:normal;<br />}<br />.post h3 strong, .post h3 a:hover {color:#333333;}<br />.post-body {display:none;}<br />.post-footer {display:none;}<br />.comment-link {display:none;}<br />.post img {display:none;}<br />.post blockquote {display:none;}<br />.post blockquote p {display:none;}<br />h2.date-header {display:none;}<br />.post-labels {display:none;}<br />.post-rating {display:none;}<br /></b:if>//edit by http://girayinformation.blogspot.com</style>

Cara Pemasangannya
1. Login ke blogger -> Rancangan -> Edit HTML
2. Silahkan Copy kode diatas dan Paste tepat diatas kode kemudian simpan atau pratinjau apa sudah benar apa belum. Selesai

Gimana, lebih efisien bukan pemakaian halaman depan blog Anda, semoga bermanfaat. Salam Dahsyat

sumber: www.masbugie.com

Related Post:

Tutorial Blogger

• Membuat Musik Pada Blog dan Website dengan esnips
• Membuat Button Like Fanspage dan Twitter Melayang di Blog
• Cara Membuat Share and Like Facebook dan Twitter Melayang di Sisi Kanan Blog
• Membuat Widgate Footer di Blog
• "Cara membuat Iklan PopUp Window pada Blog"
• Memasang Button Like Fanspage Facebook di Blogger
• Cara Membuat Like Button Melayang di kiri Blog
• Cara Membuat Tag Cloud, Label Berputar Di Blog
• Cara Memasang Tool HTML Parser di Blogger
• Memasang Iklan, atau Memasang Banner Widget yang teratur
• Cara Cepat Menambah Links in Page Rank
• Membuat Translate Blog dalam Beberapa Bahasa
• Cara Menghilangkan Tanda Obeng Dan Tang (Quick Edit)
• Cara Pasang Shoutbox
• Membuat Recent Post
• T=V1+V2 ,Cara Meningkatkan Traffic Dan Popularity Dengan Cepat Dan Alami
• Pasang Facebook Profile Di Blog
• Script Memberikan Judul Artikel Ketika Di Copy Paste
• Banyak Followers Dengan GFC Recommendation Button
• MEMBUAT KALIMAT KELAP-KELIP
• MEMBUAT KOTAK KOMENTAR DI BAWAH POSTINGAN

Widget by [ girayraspati ]

Posted in: Tutorial Blogger