Sebenarnya, ada beberapa cara
membuatnya, namun yang saya posting kali ini adalah trik paling mudah dan yang
saya terapkan di blog ini dan beberapa blog sobat yang pernah kuedit . Bagaimana
saya membuat halaman beranda atau homepage di blog ini
Pertama masuk ke Desing - Edit HTML.
buat cari code gunakan ctrl F
Cari code</head>
Dan masukan code dibawah ini di atas code yang di atas
<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>
<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>
Bagian yang ingin di tampilkan ganti saja {display:none;} menjadi {display:yes;}.
oke sampe di situ dulu pelajarnanya moga bermanfaat buat agan. Dan jika belum jelas masih ada waktu buat belajar lagi.:*
Tidak ada komentar:
Posting Komentar