Tuesday, July 5, 2011

Cara Membuat 3 Kolom Footer di Blog

Bagaimana cara menambah footer 3 kolom di Blog? Bagi Sobat yang berminat ingin menambah footer 3 kolom, tips ini mungkin berguna. 


Langsung aja caranya :

1. Login ke Blogger Sobat
2. Pilih Layout, kemudian Edit HTML, beri centang Expand Widget.
3. Cari kode <div id="footer-wrapper"> (pada beberapa template kodenya: footer atau footer-section).

4. Geser ke bawah (biasanya dua baris ke bawah) sampai ketemu kode </div>
5. 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>
 6. SIMPAN, lalu klik Layout dan lihat hasilnya. 
Share this post
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

0 comments:

Post a Comment