o MEMBAGI HEADER MENJADI 2 PADA TEMPLATE DESIGN - Anakciremai

Header Ads

  • Breaking News

    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.

    7 comments:

    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.

    Post Top Ad

    Post Bottom Ad

    7