Pages

Menampilkan Judul Postingan di Halaman Depan Blog

Beberapa hari ini gag Update postingan karena admin lagi di serang penyakit, sekarang Alhamdulillah dah baikan, dan kini hadir kembali dengan membawa sebuah tips Hanya Menampilkan Judul Postingan di Halaman Depan Blog. Agar tampilan Home blog lebih efisien. Sebelumnya juga sudah saya share tentang Cara Mudah Membuat Read More di Blog yang tujuannya juga untuk meng-efisiensikan tampilan Home blog. Jika ingin melihat hasilny, anda bisa melihatnya di halaman Home blog ini ( tetapi sudah di edit )
Screen Shot nya :

Langsung aja caranya sebagai berikut.




  1. Silangkan Log In ke akun blog anda.
  2. Masuk ke Rancangan > Edit HTML
  3. Sebelum melanjutkan ke langkah berikutnya, alangkah baiknya jika anda backup dulu template anda, agar jika ada kesalahan tidak berpengaruh ke blog anada dengan cara klim Download Full Template.
  4. Cari Kode </head>, kemudian masukkan kode di bawah ini di atas kode tersebut :
 

<style type='text/css'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>


.post {

margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:1.0em;
height:50px;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:20px;
font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif;
font-weight:normal;
line-height:1.4em;
color:#cc6600;
}

.post h3 a, .post h3 a:visited, .post h3 strong {

display:block;
text-decoration:none;
color:#cc6600;
font-weight:normal;
}

.post h3 strong, .post h3 a:hover {color:
#333333;}

.post-body {display:none;}

.post-footer {display:none;}
.comment-link {display:none;}
.post img {display:none;}
.post blockquote {display:none;}
.post blockquote p {display:none;}
h2.date-header {display:none;}
.post-labels {display:none;}
.post-rating {display:none;}

</b:if>

</style>

 

    5. Terakhir tentunya simpan template anda dengan klik tombol Save Template. 
Sekarang silahkan lihat tampilan Home anda,
Sangat mudah bukan?
Demikian Tips Hanya Menampilkan Judul Postingan di Halaman Depan Blog, semoga bermanfaat.


Description: Cara Menampilkan Judul Postingan di Halaman Depan Blog 
Rating: 5.0
5.0