Cara Menambah Kolom Gadget di Bawah Footer Blog

Cara Menambah Kolom Gadget di Bawah Footer Blogger - Seperti yang kita ketahui Add a Gadget merupakan sebuah fasilitas yang di sediakan oleh blogger pada menu Tata letak untuk menambahkan widget baru di template blog. Fasilitas ini biasanya terletak di bawah header, sidebar dan footer blog. Apa manfaatnya? Para blogger memanfaatkan fasilitas ini untuk memasang berbagai widget baik itu dari bawaan blogger atau pun widget dari pihak ketiga. Contohnya kolom gadget di bawah header mereka gunakan untuk meletakkan kode menu navigasi dan kode iklan sponsor sedangkan kolom gadget di sidebar dan footer mereka gunakan untuk meletakkan widget arsip, popular post, banner backlink dan lain sebagainya.

Namun ada sebagian template yang tidak menyediakan fasilitas Add a Gadget ini. Apalagi buat mereka yang suka dengan template minimalis 1 kolom seperti template HARMANSYAH BLOG, belum terdapat fasilitas ini pada bagian tertentu. Bagaimana cara membuatnya? Jika anda ingin menambahkan fasilitas ini di bawah header anda bisa menyimak panduannya pada artikel Menambah 1 kolom Gadget di Bawah Header. Sedangkan untuk di bawah footer sesuai dengan judul yang akan kita bahas sekarang, silahkan anda simak langkah-langkah berikut.

Cara Menambah Kolom Gadget Pada Bagian Footer Blog

Untuk 1 Kolom Gadget di Footer

1 Kolom Gadget di Bawah Footer

1. Login ke akun blogger anda, pilih menu Template atau Tema. Backup template anda untuk berjaga-jaga jika hasilnya tidak sesuai dengan klik Backup/Pulihkan
2. Jika sudah, silahkan klik Edit HTML.
3. Cari dan temukan kode ]]></skin> (gunakan Ctrl+F untuk memprmudah pencarian).
4. Letakkan kode berikut ini di atas kode ]]></skin>.

#bawahfooter {
       margin:0;
       padding:0;
       text-align:center;}
#bawahfooter1 {
       margin:10px 0 10px 0;
       padding:0;}

5. Selanjutnya cari dan temukan kode <div id='footer-wrapper'>.
6. Letakkan kode berikut ini tepat di bawah kode <div id='footer-wrapper'>.

<div id='bawahfooter'>
<b:section class='bawahfooter1' id='bawahfooter1' showaddelement='yes'>
</b:section>
</div>

7. Terakhir klik Simpan Template atau Tema.

Multi Kolom Gadget di Footer

Multi Kolom Gadget di Bawah Footer

1. Login ke akun blogger anda, pilih menu Template atau Tema. Backup template anda untuk berjaga-jaga jika hasilnya tidak sesuai dengan klik backup/pulihkan
2. Jika sudah, silahkan klik Edit HTML.
3. Cari dan temukan kode ]]></skin> (gunakan Ctrl+F untuk memprmudah pencarian).
4. Letakkan kode berikut ini di atas kode ]]></skin>.

#footer-column-divide {
clear:both;
}
.footer-column {
padding: 10px;
}

5. Selanjutnya cari dan temukan kode 
<div id='footer-wrapper'>
<b:section class='footer' id='footer' showaddelement='yes'/>
</div>
6. Letakkan kode berikut ini tepat di bawah kode 
<b:section class='footer' id='footer' showaddelement='yes'/>
Catatan : Jika tidak ditemukan kode <b:section class='footer' id='footer' showaddelement='yes'/>, maka tambahkan saja kode berikut ini di bawah kode <div id='footer-wrapper'>

Untuk 2 Kolom gadget di Footer

<div id='footer-column-divide'>

<div id='footer1' style='width: 50%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 50%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

<div style='clear:both;'/>
</div>

Untuk 3 Kolom Gadget di Footer

<div id='footer-column-divide'>

<div id='footer1' style='width: 33%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 33%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 33%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col3'
preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
</div>

Untuk 4 Kolom Gadget di Footer

<div id='footer-column-divide'>

<div id='footer1' style='width: 25%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 25%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 25%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col3'
preferred='yes' style='float:right;'/>
</div>

<div id='footer4' style='width: 25%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col4'
preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
</div>

7. Terakhir klik Simpan Template atau Tema.

Demikian tutorial sederhana tentang cara menambah kolom gadget di bawah footer blog. Semoga bermanfaat. "Happy Blogging"

Related Posts :

Silahkan klik disini untuk berlangganan Artikel Gratis via email, Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di HARMANSYAH BLOG