Senin, 22 Oktober 2012

Membuat 3 kolom dibawah header

1. log in
2. template
3. Edit HTML
4. Letakkan kode dibawah diatas kode warna merah ]]></b:skin>

<div id="box3" style="float: left; margin: 0; text-align: left; width: 35%;"> <b:section class="box-widget" id="col3" preferred="yes" style="float: left;"> </b:section></div>

]]></b:skin>

5. Letakkan kode warna biru di antara kode warna merah


 <header>
    <div class='header-outer'>
    <div class='header-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left header-fauxborder-left'>
    <div class='fauxborder-right header-fauxborder-right'/>
    <div class='region-inner header-inner'>
      <b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='NAMA BLOG (Header)' type='Header'/>
</b:section>
<div id='box-kolom-widget'> <div id='box1' style='width: 35%; float: left; margin:0; text-align: left;'> <b:section class='box-widget' id='col1' preferred='yes' style='float:left;'/> </div> <div id='box2' style='width: 30%; float: left; margin:0; text-align: left;'> <b:section class='box-widget' id='col2' preferred='yes' style='float:left;'/> </div> <div id='box3' style='width: 35%; float: left; margin:0; text-align: left;'> <b:section class='box-widget' id='col3' preferred='yes' style='float:left;'/> </div> <div style='clear:both;'/> </div>
    </div>
    </div>
    </div>
    </header>

6. Save
7. Liat hasil di Tata Letak













Sumber : Sarjana Copy Paste




1 komentar: