CARA MENAMBAHKAN JUMLAH KATA YANG LEBIH BANYAK KE DALAM SNIPPET TEMPLATE BLOGGER CONTEMPO

gambar snippet sedikit pada homepage contempo
Snippet tampak sedikit
Contempo mudah sekali di modifikasi, bahkan ketimbang menggunakan template template premium yang saya beli, saya lebih suka editblogtema ini menggunakan template contempo yang telah saya modifikasi.

Salah satu hal yang paling banyak di tanyakan adalah cara menambah jumlah kata ke dalam snippet yang tampil pada homepage template contempo, caranya mudah saja.
Masuk ke pengaturan blogger. Pilih tema, pilih edit HTML, lalu cari kode berikut dibawah ini dengan cara tekan CTRL+F untuk menampilkan kotak dialog pencarian diatas halaman editor HTML blogger:

.post-snippet.snippet-container {
max-height:100px
}
.post-snippet .snippet-item {
line-height:22px
}

Dari kode CSS yang ditunjukan diatas menunjukan betapa dominannya CSS dalam desain Contempo, "snippet-container" menunjukan bahwa jumlah kata pada snippet "disembuyikan" dalam container dan untuk memunculkan lebih banyak kata kata, saya perlu memperbesar containernya yakni dengan melakukan percobaan merobah angka "max-height: 100px;" menjadi 200px, 300px dst.

Seperti telah saya duga trik ini berhasil dengan baik, jumlah kata jadi membludak! Namun anda tidak perlu merobah bagian "line-height: 22px;" karena angka tersebut menentukan tinggi (baca rapat dan renggangnya) huruf dalam snippet. Hasilnya adalah:
jumlah kata pada snippet menjadi banyak pada template contempo
Snippet menjadi banyak 
Cara ini juga bisa di terapkan pada template template terbaru seperti emporio, soho dan notable. Namun tentu saja dengan statemen yang sedikit berbeda. Saya sendiri hanya melakukannya dengan mencoba coba dan ternyata berhasil!

Selamat mencoba, salam blogging.

5 Komentar

Silahkan berkomentar sesuai dengan topik kita ya...

  1. di blog Future Poin yang juga pake tema contempo jumlah kata snippet udah keitung banyak belum?

    BalasHapus
  2. Yesss akhirna ketemu juga caranya... terimakasih :)

    BalasHapus
  3. kalo berkenan, untuk tema terkemuka, saya belum ketemu letak kodenya :)

    BalasHapus
    Balasan
    1. @rohmat,
      struktur cssnya memang beda dengan 3 varian tempalte terbaru lainnya.
      Silahkan cari kode berikut di dalam template Notable atau terkemuka:

      .post-snippet.snippet-container{
      max-height:$(body.text.font.size * 4 * 2)
      }
      .post-snippet .snippet-item{
      line-height:$(body.text.font.size * 2)
      }

      Perhatikan kode:
      max-height:$(body.text.font.size * 4 * 2)
      jika angka "4" diganti dengan "0: (nol) maka snippet lenyap. Namun jika angka "4" diperbesar misalnya menjadi 16, maka snippet akan bertambah banyak.



      Hapus
Lebih baru Lebih lama

Formulir Kontak