Cara membuat Header Menjadi Dua Kolom ( templete Baru)


Tips membuat Header Menjadi Dua Kolom ( templete Baru)

- Login ke akun blogger sobat.
- Pada Dasbor blogger klik Template => Edit HTML
- Beri tanda centang pada Expand Template Widget.
- Cari kode, .header-outer gunakan fung si Find (Ctrl+F).
.header-outer { background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;}
sobat hapus kode di atas dan ganti (replace) dengan kode di bawah ini;
.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
_background-image: none;min-height: 154px; /* untuk mengatur tinggi header (height) */}
#header {
width: 45%; /* untuk mengatur lebar header kiri - title, description, image */
margin-right: 10px;float: left; }
#bgsGR_headerkanan {
float: right;
width: 49%; /* mengatur lebar header kanan */
margin: 20px 10px 5px 10px;
padding: 2px;}
#bgsGR_headerkanan .widget {margin: 3px;}
Tahap selanjutnya, cari kode di bawah ini; 
<div class='region-inner header-inner'>
Terus anda tambahkan dengan kode di bawah ini. Kemudian copy dan pastekan tepat diposisinya.
<b:section class='dedisp_headerkanan' id='dedisp_headerkanan' maxwidgets='1' showaddelement='yes'></b:section>
hasilnya seperti yang di bawah ini;
<div class='region-inner header-inner'><b:section class='dedisp_headerkanan' id='dedisp_headerkanan' maxwidgets='1'    showaddelement='yes'></b:section>
catatan :
  • Untuk yang bercetak tebal merupakan kode yang di tambahkan 
  • Untuk yang bercetak biru angka nya bisa anda bisa ganti dengan angka 2,3,4 atau lain nya..maksud nya untuk susunan kolom kebawah. 
Tahap terakhir. Sebaiknya klik Pratinjau terlebih dahulu. Setelah itu, klik Simpan.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel