Cara Membuat Footer 3 Kolom Pada Blog

Footer Blogspot yah itulah tutorial blogspot HTC selanjutnya yaitu Cara Membuat Footer 3 Kolom Pada Blog sebenarnya hal ini sama saja dengan artikel saya yang lalu yaitu tentang Cara Menambah Footer 3 Kolom Pada Blog atau Cara Membuat Footer 3 Kolom , meskipun sederhana namun Tutorial Blog Ini Sangat Bermanfaat Sekali Buat Saya, Cara Membuat Footer 3 Kolom Pada Blog Template Blogger kian banyak macamnya. Mulai dari yang berkonsep minimalis, hingga magazine style. Beberapa template baru memiliki footer (letaknya di bawah, karena foot itu artinya kaki..hehehe) tiga kolom, seperti blog ini. Nah, bagaimana cara menambah /Membuat footer 3 kolom di Blogger atau Blogspot? Bagi anda yang malas ganti template atau sudah sreg dengan template sekarang dan ingin menambah footer 3 kolom, tips ini mungkin berguna.

Oke, langsung saja ke tutorialnya Cara Menambah Footer 3 Kolom :

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) sampai ketemu kode: </div>

4. Tambahkan kode 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, lalu klik Layout dan lihat hasilnya: akan muncul tiga kolom di bawah (bagian footer).


Apabila muncul galat, wakakaka....tenang. Kembalikan template dengan back up template yang telah kita buat dan ulangi semua tahap. tapi coba dengan jangan centang expand widget template.

Selesai Posting Artikel Tips Dan Trik Blog Tentang Cara Membuat Footer 3 Kolom Pada Blog Semoga barhasil...

Read more: Cara Membuat Footer 3 Kolom Pada Blog | HTC Community http://ojelhtc.blogspot.com/2011/12/cara-membuat-footer-3-kolom-pada-blog.html#ixzz1kICX9Jsy
Under Creative Commons License: Attribution Non-Commercial Share Alike