Cara Mudah Menampilkan Judul Post Saja di Homepage Blog
Menampilkan Judul Artikel Saja di Homepage, Cara Menampilkan Hanya Judul Postingan Saja di Homepage Blog, Cara menampilkan judul posting saja di blogspot, Cara Menampilkan Judul Posting Saja Di HomePage Blog, Cara Menampilkan Judul Artikel Saja di Home Page Blog, Cara Menampilkan Judul Postingan Blog Saja di Homepage, Cara Mudah Menampilkan Judul Posting Saja di Halaman Home, Cara Menampilkan Judul Posting Saja Di Blogspot..
Cara menampilkan judul post saja di homepage blogger. banyak cara membuat blog kita kelihatan lebih simple dan menarik...salah satunya adalah dengan cara hanya menampilkan judul post di homepage blog kita. Tentu ini akan membuat blog kita kelihatan lebih ringkas dan rapi di halaman depannya. Bagi sobat2 yang tertarik untuk membuat judul post saja yang tampil di homepage, silahkan untuk mengikuti langkah-langkah berikut:
1. Login ke Blogger
2. Lalu pilih menu template
3. Edit HTML >> Expand widget templates
4. Cari kode </head> (gunakan Ctrl+F agar cepat)
5. Letak kode berikut di atas </head>
<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:#33AAFF;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#33AAFF;
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>
6. Klik "save template"
Jika anda mengalami kesulitan mempraktekkan langkah-langkah diatas, silahkan hubungi saya di Contact.
<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:#33AAFF;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#33AAFF;
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>
6. Klik "save template"
Jika anda mengalami kesulitan mempraktekkan langkah-langkah diatas, silahkan hubungi saya di Contact.
RELATED POST
 |
|
|
