Teknik Memasang Kolom dibawah header terbaru Teknik Memasang Kolom dibawah header terbaru

Rabu, 11 September 2013

Teknik Memasang Kolom dibawah header terbaru





Memasang Kolom Di Bawah Header :
  1. Masuk ke akun bloggger sobat. 
  2. Klik Template >> Edit HTML >> 
  3. Sekarang Cari kode ]]></b:skin>
  4. Setelah ketemu Copas dan letakan kode berikut diatas kode ]]></b:skin>
  5. <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>
  6. Selanjutnya Cari kode <div id='main-wrapper'> atau <div class='main-outer'>
  7. Copas kode dibawah ini dan letakan diatas salah satu kode <div id='main-wrapper'> atau <div class='main-outer'>

  8. <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>
  9. Langkah terakhir klik Tombol Simpan Template.
Untuk melihat hasilnya silahkan anda masuk pada halaman TATA Letak atau Layout.


Semoga teknik ini bermanfaat

Tidak ada komentar:

Posting Komentar