Cara Menambah Kolom di Bawah Header Di Blog

Bloggerkotasukabumi - Bagaimana kabar sobat? kabar baik pastinya. Saya kembali lagi untuk share dengan sobat tentang Cara Menambah Kolom Widget Bawah Header di Blog, apabila sobat berniat ingin menyisipkan kolom widget bawah header blog seperti ingin membuat 1,2 atau 3 kolom bawah header. 

 

Biasanya blogger menggunakan 3 kolom ini digunakan sebagai space/menyimpan script iklan dan sebagainya. Apabila sobat berniat untuk memasangnya atau mencoba semata silahkan ikuti cara dan langkah di bawah ini :

1. Masuk ke akun bloggger sobat. 
2. Klik Template > Edit HTML >  (backup terlebih dahulu template sobat).
3. Kemudian cari kode ]]></b:skin> gunakan Ctrl + F untuk mempermudah pencarian
4. Setelah ketemu copy kode di bawah ini dan letakan tepat diatas kode ]]></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>
5. Selanjutnya sobat cari kode <div id='main-wrapper'> atau <div id="main-outer">
6. Apabila ketemu copy kode dibawah ini dan letakan tepat diatas salah satu kode <div id='main-wrapper'> atau <div id="main-outer">
   
   
<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>
7. Simpan Template.

Untuk melihat berhasil atau tidaknya pemasangan kode tadi sobat masuk ke halaman Tata Letak atau Layout.  

 

Semoga bermanfaat.

Sumber