Membuat Footer Multi Kolom

Membuat footer multi kolom memang sangat berguna untuk menambah koleksi widget kita agar tidak selalu di tempatkan di bagian sidebar.
Secara default template asli blogger tidak terdapat kolom di bagian footer, meskipun banyak template custom yang sudah menyediakan footer multi kolom.



Bagi sobat blogger yang tertarik ingin menambahkan tiga kolom atau add gadget di bagian footer, silahkan ikuti langkah-langkah di bawah ini.

1. Login ke akun blogger
2. Pilih design kemudian edit HTML
3. Jangan lupa Expand Widget Template
4. Untuk menghindari kesalahan, backup template dulu
5. Selanjutnya paste kode di bawah ini DI ATAS ]]></b:skin>


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

6. Langkah selanjutnya temukan kode.

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

7. Lalu pastekan kode berikut DI BAWAH kode di atas.

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

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

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

<div style='clear:both;'/>
<p> <hr align='center' color='#5d5d54' width='90%'/></p>

<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>
<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>
</div>

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

8. Save template
9. Pergi ke elemen laman untuk melihat perubahannya



Let' Go Triks and Tips

Tips tricks yang populer lainnya:

0 comments:

Kaskus Only
:ilovekaskus :iloveindonesia :kiss :maho
:najis :nosara :marah :berduka
:malu: :ngakak :repost: :repost2:
:sup2: :cendolbig :batabig :recsel
:takut :ngacir2: :shakehand2: :bingung
:cekpm :cd :hammer :peluk
:toast :hoax: :cystg :dp
:selamat :thumbup :2thumbup :angel
:matabelo :mewek: :request :babyboy:
:babyboy1: :babymaho :babyboy2: :babygirl
:sorry :kr: :travel :nohope
:kimpoi :ngacir: :ultah :salahkamar
:rate5 :cool :bola

by Pakto
:mewek2: :rate-5 :supermaho :4L4Y
:hoax2: :nyimak :hotrit :sungkem
:cektkp :hope :Pertamax :thxmomod
:laper :siul :2malu: :ngintip
:hny :cendolnya

by misterdarvus
:maintenis: :maintenis2: :soccer :devil
:kr2: :sunny

Post a Comment

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Powered by Blogger