Tutorial
Diberdayakan oleh Blogger.
Home » » Cara membuat dua kolom header blog

Cara membuat dua kolom header blog

Cara membuat dua kolom header blog
Langkah-langkah membuat header blog menjadi dua kolom,
Login ke akun Blog masing-masing.
Pilih menu "Template".
Klik "Edit HTML".
Centang "Expand Template Widget".
Cari kode dibawah, (ketikkan CTRL+F pada keyboard untuk mempermudah pencarian).
.header-outer { background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;}

Jika sudah anda temukan hapus kode tersebut, ganti dengan kode dibawah :

.header-outer {background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;_background-image: none;min-height: 120px;}#header {width: 40%;margin-right: 10px;float: left; }#pba_rightheader {float: right;width: 55%;margin: 20px 10px 5px 10px;padding: 2px;}#pba_rightheader .widget {margin: 3px;}

Masih pada menu Template >> Edit HTLM >> Centang Expand Template Widget. Sekarang cari kode :
<div class='region-inner header-inner'>
Kemudian anda copy dan letakkan setelah kode tadi :

<b:section class='pba_rightheader' id='pba_rightheader' maxwidgets='1' showaddelement='yes'></b:section>

Jika sudah klik "Simpan template".
Sekarang lihat menu "Tata Letak". Dalam header terdapat dua kolom

0 komentar:

Posting Komentar