Cara menampilkan judul posting di halaman awal Blogger

Kali ini kita akan membahas tentang bagaimana cara menampilkan judul postingan hanya di halaman awal Blogger. Ketika kita akan membuat penampilan template yang simple dan tidak terkesan terlalu banyak kata-kata di halaman muka Blogger, kita bisa membuat tampilan Blog kita hanya menampilkan judul saja. Kita perlu sedikit menambah kode CSS yang ada dalam template Blog kita.

Penampilan template kita setelah kode CSS diterapkan

Untuk membuat tampilan template kita hanya menampilkan title postingan saja, berikut langkah-langkahnya :

Langkah 1
Masuk ke akun Blogger kamu, kemudian cari kode </head>

Langkah 2
Tempelkan kode CSS berikut sebelum kode </head>

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'><b:if cond='data:blog.pageType != &quot;item&quot;'>
.post {margin:.5em 0 1.5em;border-bottom:0px dotted $bordercolor;padding-bottom:1.0em;height:60px;}.post h3 {margin:.25em 0 0;padding:0 0 4px;font-size:18px;font-family:Arial,Helvetica,Sans-serif;font-weight:normal;line-height:1.4em;color:#4A4A4A;}
.post h3 a, .post h3 a:visited, .post h3 strong {display:block;text-decoration:none;color:#4A4A4A;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;}.post-labels {display:none;}.post-rating {display:none;}
</b:if></b:if>
</style>

Catatan :
Kamu dapat mengedit sendiri tampilan kode CSS tersebut, misalnya mengganti warna ataupun huruf yang menurut kamu sesuai dengan tampilan blog.


Credit : www.carabuatwebgratis.com

Description : Cara menampilkan judul posting di halaman awal Blogger
Rating : 5
Reviewer : Penjaga Lilin - Cara menampilkan judul posting di halaman awal Blogger

Tweet