Menambahkan 3 Kolom Dibawah Header


Trio Ardhian's
  1. Log in blog sobat blogger.
  2. Pilih Rancangan pada menu Dasbor.
  3. Pilih Edit HTML.
  4. Cheklist kotak Expand Template Widget.
  5. Cari kode ]]></b:skin>, untuk mempermudah pencarian tekan tombol CTRL + F.
  6. Lalu copas kode dibawah ini tepat diatas kode ]]></b:skin>:
    7. #box-main-container {
    clear:both;
    }
    .box-column {
    padding:0px 10px 10px 10px;
    border:1px dashed #004400;
    }
  7. Selanjutnya cari kode <div id='main-wrapper'>, copas kode dibawah ini:
    8. &lt;div id=&#039;box-main-container&#039;&gt;&lt;/div&gt; &lt;div id=&#039;box1&#039; style=&#039;width: 30%; float: left; margin:0; text-align: left;&#039;&gt;&lt;b:section class=&#039;box-column&#039; id=&#039;col1&#039; preferred=&#039;yes&#039; style=&#039;float:left;&#039;/&gt;&lt;/div&gt;&lt;div id=&#039;box2&#039; style=&#039;width: 40%; float: left; margin:0; text-align: left;&#039;&gt;&lt;b:section class=&#039;box-column&#039; id=&#039;col2&#039; preferred=&#039;yes&#039; style=&#039;float:left;&#039;/&gt;&lt;/div&gt;&lt;div id=&#039;box3&#039; style=&#039;width: 30%; float: right; margin:0; text-align: left;&#039;&gt;&lt;b:section class=&#039;box-column&#039; id=&#039;col3&#039; preferred=&#039;yes&#039; style=&#039;float:right;&#039;/&gt;&lt;/div&gt;&lt;div style=&#039;clear:both;&#039;/&gt;
  8. Letakan kode diatas tepat diatas kode <div id='main-wrapper'>. Lalu pilih Simpan Template & lihat hasilnya.

"Trimakasih telah berkunjung di blog saya, semoga informasi yang telah saya sampaikan bermanfaat bagi sobat blogger"