MEMBAGI HEADER MENJADI 2 PADA TEMPLATE DESIGN

To do point saja cara membagi header menjadi 2 kolom pada template design:
Login ke blogger anda.
Click Design
Click Edit HTML
Cari kode berikut:
.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
_background-image: none;
}

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

Cari kode berikut:
<div class='region-inner header-inner'>

Tambahkan dengan kode berikut di bawahnya:
<b:section class='header_right' id='header_right' maxwidgets='1' showaddelement='yes'>

Selesai.
Jika ada masalah tumpang tindih dengan widget lain, yang perlu dirubah adalah yang berwarna di atas.
Merah : Untuk mengatur tinggi header (height)
Biru: Untuk mengatur lebar header kiri
Hijau: Mengatur lebar header kanan
Pink: Untuk mengatur padding.

Postingan terkait:

7 Tanggapan untuk "MEMBAGI HEADER MENJADI 2 PADA TEMPLATE DESIGN"

  1. <b:section class='header_right' id='header_right' maxwidgets='1' showaddelement='yes'>

    gag bisa sob di save eror Template Anda tidak dapat diparse karena tidak well-formed. Harap pastikan bahwa semua elemen XML ditutup dengan benar.
    Pesan error XML: The element type "b:section" must be terminated by the matching end-tag "".
    gimana sob lg butuh tutorial ini sob

    ReplyDelete
  2. Oh itu harus ada akhir end tag nya caranya di akhir tag setelah 'yes' dan sebelum tanda lebih besar > tambahin garis miring atau / (slash) dari hasilnya seperti ini.

    silahkan di coba lagi.

    ReplyDelete
  3. Maaf kodenya hilang,, lupa ga di parse,, ni mas coba kodenya yang ini <b:section class='header_right' id='header_right' maxwidgets='1' showaddelement='yes'/>

    ReplyDelete
  4. Bagus Om Situs nya Sangat Manfaat.
    Salam Kenal. Sukses Selalu

    ReplyDelete
  5. nice info,,,thnks ya.salam persahabatan aja ya,,,

    ReplyDelete

Silakan berkomentar di anakciremai.com, Maaf Jika komentar anda berbau spam akan saya hapus.