Friday, 23 December 2011

Cara menambah 3 kolom di bahwah header

Bagi sobat-sobat yang kehabisan tempat untuk menambahkan widget di blog nya.. ane punya tips n trick neeeh.. yaitu dengan menambahkan 3 kolom dibawah header.. cocoknya untuk iklan..hihihi..tp bisalah untuk nambah-nambah widget..

angel
ok langsung ke TKP ajha yau....

  1. seperti biasa login dulu ke akun blogger
  2. kemudian langsung aja menjuku ke menu rancangan > edit html > centang expand widget (sebelumnya untuk berjaga-jaga kalau error download dulu template blognya)
  3. cara kode html ]]></b:skin>
  4. kemudian copy dan paste kode berikut ini tepat diatas kode tadi
  5. #box-main-container {
    clear:both;
    }
    .box-column {
    padding:0px 10px 10px 10px;
    border:1px dotted $bordercolor;
    }
  6. kemudian cari kode html <div id='main-wrapper'> atau <div class='main-wrapper'>
  7. setelah ketemu pastekan kode berikut tepat diatas kode tadi (salah satu dari kode tadi)
  8. <div id='box-main-container'>
    <div id='box1' style='width: 30%; float: left; margin:0; text-align: left;'>
    <b:section class='box-column' id='col1' preferred='yes' style='float:left;'/>
    </div>
    <div id='box2' style='width: 40%; float: left; margin:0; text-align: left;'>
    <b:section class='box-column' id='col2' preferred='yes' style='float:left;'/>
    </div>
    <div id='box3' style='width: 30%; float: right; margin:0; text-align: left;'>
    <b:section class='box-column' id='col3' preferred='yes' style='float:right;'/>
    </div>
    <div style='clear:both;'/>
    </div>
  9. kemdian simpan templatenya.. dan lihat hasilnya
angelangelangelangelangelangelangelangel

Silahkan berkomentar dengan bijak. Setelah anda mampir dan berkomentar, saya akan berkunjung balik. Dan jangan meninggalkan link hidup ya, Terimakasih :)
EmoticonEmoticon