Mengatur tinggi header template bawaan blogger yaitu dengan memperbesar atau memperkecil jarak px sesuai keinginan supaya sesuai selera dan memperindah tampilan blog. Tinggi header template blogger dipengaruhi jumah px title blog, deskripsi maupun border default bawaan template, untuk mengaturnya sobat dtopblog dapat simak langkah-langkahnya.
Cara mengatur tinggi Title dan Deskripsi blog
* Masuk dasbor pilih template dan pilih sesuaikan masuk jendela baru yaitu Perancang Template Blogger.
* Pilih Tingkat lanjut - lalu pilih Title Blog dan Deskripsi Blog atur sesuai selera dan keinginan tinggi px maupun font (jenis huruf).
Selain cara diatas sobat dtopblog dapat mengatur pading header template sesuai kenginan dapat disimak berikut ini.
Cara mengatur tinggi dan besar Pading Header
* Masuk dasbor pilih template dan pilih edit template untuk jaga jaga sebaikya template disave terlebih dahulu.
* Cari kode
.header-inner .Header .titlewrapper {
padding: ?px $(header.padding);
}
* Pada tanda ? ganti sesuai keinginan sobat nilai px yang diinginkan.
* Save Template
edit template
* Mengatur jarak kanan-kiri header
<Variable name="header.padding" description="Header Padding" type="length" default="30px" value="20px"/>
* Mengatur tinggi / jarak bawah widget pos, blog pager dan footer
<Variable name="post.margin.bottom" description="Post Bottom Margin" type="length" default="25px" value="2px"/>
* Mengatur jarak kanan-kiri tab / Tabs Side Margin
<Variable name="tabs.margin.side" description="Tabs Side Margin" type="length" default="30px" value="30px"/>
* Mengatur jarak kanan-kiri widget postingan / main section margin
<Variable name="main.section.margin" description="Main Section Margin" type="length" default="15px" value="15px"/>
* Mengatur padding /padding kanan-kiri widget postingan
<Variable name="main.padding" description="Main Padding" type="length" default="15px" value="5px"/>
* Mengatur Jarak / tinggi antara tab dan tanggal posting
cari kode
<Variable name="main.padding.top" description="Main Padding Top" type="length" default="30px" value="2px"/>
* Mengatur post footer
.post-footer {
margin: 20px -2px 0;
padding: 2px 3px;
color: $(post.footer.text.color);
background-color: $(post.footer.background.color);
border-bottom: 1px solid $(post.footer.border.color);
line-height: 1.6;
font-size: 90%;
}
semoga cara diatas dapat berguna untuk sobat dalam mengatasi atau mengatur tinggi header template bawaan blogger.
Cara mengatur tinggi Title dan Deskripsi blog
* Masuk dasbor pilih template dan pilih sesuaikan masuk jendela baru yaitu Perancang Template Blogger.
* Pilih Tingkat lanjut - lalu pilih Title Blog dan Deskripsi Blog atur sesuai selera dan keinginan tinggi px maupun font (jenis huruf).
Selain cara diatas sobat dtopblog dapat mengatur pading header template sesuai kenginan dapat disimak berikut ini.
Cara mengatur tinggi dan besar Pading Header
* Masuk dasbor pilih template dan pilih edit template untuk jaga jaga sebaikya template disave terlebih dahulu.
* Cari kode
.header-inner .Header .titlewrapper {
padding: ?px $(header.padding);
}
* Pada tanda ? ganti sesuai keinginan sobat nilai px yang diinginkan.
* Save Template
edit template
* Mengatur jarak kanan-kiri header
<Variable name="header.padding" description="Header Padding" type="length" default="30px" value="20px"/>
* Mengatur tinggi / jarak bawah widget pos, blog pager dan footer
<Variable name="post.margin.bottom" description="Post Bottom Margin" type="length" default="25px" value="2px"/>
* Mengatur jarak kanan-kiri tab / Tabs Side Margin
<Variable name="tabs.margin.side" description="Tabs Side Margin" type="length" default="30px" value="30px"/>
* Mengatur jarak kanan-kiri widget postingan / main section margin
<Variable name="main.section.margin" description="Main Section Margin" type="length" default="15px" value="15px"/>
* Mengatur padding /padding kanan-kiri widget postingan
<Variable name="main.padding" description="Main Padding" type="length" default="15px" value="5px"/>
* Mengatur Jarak / tinggi antara tab dan tanggal posting
cari kode
<Variable name="main.padding.top" description="Main Padding Top" type="length" default="30px" value="2px"/>
* Mengatur post footer
.post-footer {
margin: 20px -2px 0;
padding: 2px 3px;
color: $(post.footer.text.color);
background-color: $(post.footer.background.color);
border-bottom: 1px solid $(post.footer.border.color);
line-height: 1.6;
font-size: 90%;
}
semoga cara diatas dapat berguna untuk sobat dalam mengatasi atau mengatur tinggi header template bawaan blogger.