Cara Menampilkan Judul Postingan Saja Pada Halaman Depan Blog
Cara Menampilkan Judul Postingan Saja Pada Halaman Depan Blog - Tips kali ini saya akan bahas mengenai cara untuk menampilkan judul postingan saja pada halaman depan blog kita, caranya cukup gampang sobat tinggal ikuti langkah-langkahnya dibawah.
Berikut langkah-langkah Cara Menampilkan Judul Postingan Pada Halaman Depan Blog :
Setelah setelah di copas kode diatas sobat tinggal simpan template, untuk melihat hasinya sobat bisa liat pada halaman depan blog ini
Berikut langkah-langkah Cara Menampilkan Judul Postingan Pada Halaman Depan Blog :
- Login ke blogger dengan ID anda.
- Klik menu Template
- Dan KLik tab Edit HTML kemudian klik lanjutkan.
- Cari kode di bawah ini atau yang mirip dengan kode ini : </head> Sobat bisa menggunakan Ctrl+F untuk melakukan pencarian
- Jika sudah ketemu silahkan sobat Copy kode css di bawah ini dan taruh sebelum kode </head>
<style type='text/css'>
<b:if cond='data:blog.pageType != "static_page"'><b:if cond='data:blog.pageType != "item"'>
.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></b:if>
</style>
<b:if cond='data:blog.pageType != "static_page"'><b:if cond='data:blog.pageType != "item"'>
.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></b:if>
</style>
Setelah setelah di copas kode diatas sobat tinggal simpan template, untuk melihat hasinya sobat bisa liat pada halaman depan blog ini
Mudah-mudahan bisa bermanfaat dan berguna Cara Menampilkan Judul Postingan Saja Pada Halaman Depan Blog.
Tidak ada komentar:
Posting Komentar