Tema contempo, Soho, emporio dan terkemuka masih relatif baru dan dibuat oleh tim Blogger itu sendiri, namun walau baru bukan berarti dia "sempurna".
Contohnya:
Pada settingan "Desainer Tema blogger" nilai latar belakang paling rendah (minimal) adalah mentok di 175 : Hal itu membuat tampilan tinggi postingan berada diatas populer post sidebar pada tampilan laptop. dan menghasilkan gap abu abu pada kedua sisinya pada tampilan hape. Anda tidak bisa berbuat lebih banyak dengan mengandalkan fitur "Desainer Tema Blogger" ini. Akan tetapi bukan berarti Contempo memiliki cacat, tetapi memang secara default template yang satu ini telah di bentuk sedemikian rupa tampilanya sebagai ciri ciri khasnya, sayangnya tidak setiap pengguna menyukainya.
Agar Tinggi postingan sejajar dengan header ( tidak pakai efek kroak) anda harus masuk ke pengaturan Blogger:
Dan tinggal mencari kode CSS di bawah ini:
<Group description="Backgrounds">
<Variable name="body.background.height" description="Background height"
type="length"
min="420px"
max="640px"
default="120px" value="175px"/>
<Variable name="body.background" description="Background"
color="$(body.background.color)"
type="background"
default="$(color) none repeat scroll top left" value="$(color) none no-repeat scroll center center"/>
<Variable name="body.background.color" description="Body background color"
type="color"
default="#fff" value="#fff"/>
<Variable name="posts.background.color" description="Post background color"
type="color"
default="#fff" value="#fff"/>
<Variable name="body.background.blur" description="Background blur"
type="length"
min="0px"
max="50px"
default="0px" value="50px"/>
</Group>
Yang saya beri sorot nilai dengan warna kuning adalah nilai terendah (175px) nilai bawaan yang di setting secara default (secara bawaan) oleh tema blogger contempo.
Ganti angka yang disorot warna kuning tadi dari 175 menjadi 75 saja agar tampilannya menjadi flat atau rata gak perlu pakai "kroak" lagi, maka tampilan tema contempo Blogger anda jadi tampak rapi ( termasuk pada tampilan hape) seperti yang di tunjukan pada gambar di bawah ini, namun jangan lupa SAVE template anda terlebih dahulu:
Namun jika anda tidak ingin ada warna batas abu abu pada header anda ganti saja nilainya menjadi "0". namun tampilan kotak pencarian jadi tidak terlihat pada laptop namun masih terlihat pada tampilan hape.
Trik ini saya temukan atas pertanyaan teman teman yang tidak menyukai tampilan pakai "kroak" kata mereka, saya awalnya masuk mencari pengaturan pada desainer tema blogger dan mencari kode yang mengandung nila tertinggi dan terendah daripada tinggi latar belakang tersebut dan menemukannya pada susunan CSS di dalam struktur kode template contempo.
Memang dalam beberapa hal sekalipun tema bawaan masih perlu di robah tampilannya agar sesuai dengan misi blog dan selera pengguna, selama kami mengutak utak atiknya kami menemukan beberapa hal yang mungkin hanya terkait dengan tampilan dan yang lainnya adalah masalah optimalisasi.
Baca juga:
Contohnya:
Pada settingan "Desainer Tema blogger" nilai latar belakang paling rendah (minimal) adalah mentok di 175 : Hal itu membuat tampilan tinggi postingan berada diatas populer post sidebar pada tampilan laptop. dan menghasilkan gap abu abu pada kedua sisinya pada tampilan hape. Anda tidak bisa berbuat lebih banyak dengan mengandalkan fitur "Desainer Tema Blogger" ini. Akan tetapi bukan berarti Contempo memiliki cacat, tetapi memang secara default template yang satu ini telah di bentuk sedemikian rupa tampilanya sebagai ciri ciri khasnya, sayangnya tidak setiap pengguna menyukainya.
Agar Tinggi postingan sejajar dengan header ( tidak pakai efek kroak) anda harus masuk ke pengaturan Blogger:
- Pilih Tema atau Theme
- Pilih editHTML
Dan tinggal mencari kode CSS di bawah ini:
<Group description="Backgrounds">
<Variable name="body.background.height" description="Background height"
type="length"
min="420px"
max="640px"
default="120px" value="175px"/>
<Variable name="body.background" description="Background"
color="$(body.background.color)"
type="background"
default="$(color) none repeat scroll top left" value="$(color) none no-repeat scroll center center"/>
<Variable name="body.background.color" description="Body background color"
type="color"
default="#fff" value="#fff"/>
<Variable name="posts.background.color" description="Post background color"
type="color"
default="#fff" value="#fff"/>
<Variable name="body.background.blur" description="Background blur"
type="length"
min="0px"
max="50px"
default="0px" value="50px"/>
</Group>
Yang saya beri sorot nilai dengan warna kuning adalah nilai terendah (175px) nilai bawaan yang di setting secara default (secara bawaan) oleh tema blogger contempo.
Namun jika anda tidak ingin ada warna batas abu abu pada header anda ganti saja nilainya menjadi "0". namun tampilan kotak pencarian jadi tidak terlihat pada laptop namun masih terlihat pada tampilan hape.
Trik ini saya temukan atas pertanyaan teman teman yang tidak menyukai tampilan pakai "kroak" kata mereka, saya awalnya masuk mencari pengaturan pada desainer tema blogger dan mencari kode yang mengandung nila tertinggi dan terendah daripada tinggi latar belakang tersebut dan menemukannya pada susunan CSS di dalam struktur kode template contempo.
lihat DEMO
Memang dalam beberapa hal sekalipun tema bawaan masih perlu di robah tampilannya agar sesuai dengan misi blog dan selera pengguna, selama kami mengutak utak atiknya kami menemukan beberapa hal yang mungkin hanya terkait dengan tampilan dan yang lainnya adalah masalah optimalisasi.
Baca juga:
CARA MENAMBAHKAN H1, H2 DAN H3 PADA TEMPLATE CONTEMPO
Selamat ngeblog, silahkan bertanya kami akan mencari jawabannya di laboratoriom Editblogtema.