Snippet tampak sedikit |
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:
Snippet menjadi banyak |
Selamat mencoba, salam blogging.
di blog Future Poin yang juga pake tema contempo jumlah kata snippet udah keitung banyak belum?
BalasHapusSudah cukup itu..
HapusYesss akhirna ketemu juga caranya... terimakasih :)
BalasHapuskalo berkenan, untuk tema terkemuka, saya belum ketemu letak kodenya :)
BalasHapus@rohmat,
Hapusstruktur 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.