Pages

Thursday, October 19, 2017

Tips Untuk Menampilkan Judul Post di Blogger

Secara default tampilan awal blogger adalah judul post yang disertai dengan isi dari postingan. Namun ada beberapa orang yang lebih menyukai tampilan lebih simple dan hanya ingin menampilkan judul postingan saja dihalaman awal.

Sah-sah saja. Karena tampilan blog itu bisa diibaratkan dengan kopi. Ada yang suka kental pahit ada juga yang suka encer tapi manis, ada juga suka racikan yang lain. Kurleb, baik kopi ataupun tampilan blog hanya masalah selera.


Ok, cukup... waktuknya balik ke topik semula.

Bagi agan-agan yang kebetulan punya selera kopi pahit tampilan yang minimalis bisa mengikuti step dibawah ini:

1. Sudah punya akun Blogger #eh
2. Setelah login, kalau hanya ada satu blog langsung klik menu Theme disebelah kiri. Kalau blognya lebih dari satu, pilih dulu blog mana yang akan mendapatkan sentuhan...

3. Dilanjutkan dengan klik Edit

4. Cari kode </head>, kalau agan pengen cepet bisa pake bantuan search dengan kombinasi CTRL+F. Atau kalau agan tipe hardcore, silahkan dicari dari atas sampai bawah.

5. Setelah ketemu, masukkan kode CSS dibawah ini diatas </head>
<!--- Kode CSS untu menampilkan judul post saja -->
<style type=’text/css’>
  <b:if cond=’data:blog.url == data:blog.homepageUrl’>
    .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 Theme"

7. Test hasilnya, kalau berhasil... Selamat! agan boleh menikmati kopi yang sempat tertunda.

Bonus

Tampilan awal theme contempo


Tampilan setelah ditambahkan kode CSS diatas pada theme contempo




No comments:

Post a Comment

DMCA