Membuat Footer 3 Kolom Pada Blog

Template Blogger kian banyak macamnya. Mulai dari yang berkonsep minimalis, hingga magazine style. Beberapa template gres mempunyai footer (letaknya di bawah, sebab foot itu artinya kaki..hehehe) tiga kolom, ibarat blog ini. Nah, bagaimana cara menambah footer 3 kolom di Blogger atau Blogspot? Bagi anda yang malas ganti template atau sudah sreg dengan template kini dan ingin menambah footer 3 kolom, tips ini mungkin berguna.

Oke, eksklusif saja ikuti langkah dibawah ini :



1. Masuk Layout, Edit HTML , beri centang (jangan lupa back up dulu buat jaga-jaga).



2. Cari kode: <div id="footer-wrapper">

Ket: pada beberapa template kodenya: footer atau footer-section



3. Geser ke bawah (biasanya dua baris ke bawah) hingga ketemu kode: </div>



4. Tambahkan instruksi berikut ini di bawahnya:


<div id="footer">

<div id="footer2" style="margin: 0pt; width: 30%; float: left; text-align: left;">

<b:section class="footer-column" id="col1" preferred="yes" style="float: left;">

</b:section></div>

<div id="footer3" style="margin: 0pt; width: 40%; float: left; text-align: left;">

<b:section class="footer-column" id="col2" preferred="yes" style="float: left;">

</b:section></div>

<div id="footer4" style="margin: 0pt; width: 30%; float: right; text-align: left;">

<b:section class="footer-column" id="col3" preferred="yes" style="float: right;">

</b:section></div>

<div style="clear: both;">

<p>

</p><hr align="center" color="#5d5d54" width="90%"><p></p>

<div id="footer-bottom" style="padding: 10px; text-align: center;">

<b:section class="footer" id="col-bottom" preferred="yes">

</b:section>

</div>

<div style="clear: both;">

</div>



5. Simpan, kemudian klik Layout dan lihat hasilnya: akan muncul tiga kolom di bawah (bagian footer).


Semoga bermanfaat....

Related : Membuat Footer 3 Kolom Pada Blog

0 Komentar untuk "Membuat Footer 3 Kolom Pada Blog"