Cara Menambahkan 3 Kolom di Atas Footer

Cara membuat atau menambahkan 3 kolom pada footer - Kolom widget dibagian bawah blog, selain untuk menambah nilai plus pada tampilan, kolom ini juga bisa ktia gunakan untuk tempat wiget-widget penting, seperti site info, link exchange dan widget-widget yang lainya.

Ada beberapa template blog yang memiliki 3 kolom pada bagi footernya, ada jgua yang tidak. Bagi teman-teman yang sudah terlanjur naksir pada suatu template, tetapi template tersebut tidak ada kolom pada bagian footernya. Padahal sobat ingin template yang seperti itu dan memiliki 3 kolom pada footer. Pasti terlintas dipikiran, kenapa sih tidak ada template yang sempurna. hehehe. Memang sih susah mencari template yang sempurna, kalau ingin yang gartisan.

Tapi agan ga perlu bingung, kita bisa kok membuat 3 kolom footer pada template. Nah, caranya sudah saya siapkan dibawah ini. Ikuti dengan teliti agar berhasi.

Cara Menambahkan 3 Kolom Widget di Atas Footer

1. Masuk ke "Edit HTML" dan centang "Expand Template Widget" .

2. Cari kode ]]></b:skin> pada template anda, untuk memudahkan pencarian, gunakan ctrl+f

3. Copy script dibawah ini, lalu pastekan tepat diatas kode ]]></b:skin>:

#footer-bottom {

width: auto;background:#231C2A;

position: relative;display:inline;

clear:both;

margin:0 auto 0;

color:#000;

float: center;

padding:10px;

}

#left-bottom {

width: 270px;

float: left;display:inline;

margin:10px 5px 0 5px;

padding:5px

}

#center-bottom {

width: 280px;

float: left;

margin:10px 5px 0;

padding:5px

}

#right-bottom{

width: 270px;

float: left;display:inline;

margin:10px 5px 0;

padding:5px

}

4. Setelah itu cari kode <div id='footer'>

5. Tambahkan script dibawah ini tepat diatas kode <div id='footer'>:

<div id='footer-bottom'>

<b:section class='footer-bottom' id='left-bottom' preferred='yes' showaddelement='yes'>

</b:section>

<b:section class='footer-bottom' id='center-bottom' preferred='yes' showaddelement='yes'>

</b:section>

<b:section class='footer-bottom' id='right-bottom' preferred='yes' showaddelement='yes'>

</b:section>

</div>

6. Simpan template dan lihat hasilnya pada "Tata Letak: atau ‘Layout/Rancangan’. 

Sekian dulu Tutorial Cara Menambahkan 3 Kolom Widget di Atas Footer, Semoga tutorial diatas bisa membantu kesulitan anda. Dan mendapatkan template idaman anda.