Follow my Blog

Rabu, 24 Oktober 2012

Menambah Kolom di Area Footer

Cara untuk memodifikasi template blog yang ingin di tambahkan kolom tambahan di bagian footer.. sebelumnya kita tau, yang di butuhkan adalah adanya kolom "add Gadget" seperti gambar itu.. jadi LETS DO IT..
  1. Masuk ke area DESIGN
  2. Edit HTML
  3. centang EXPAND WIDGET
  4. cari kode <b:section class='footer' id='footer'/>
  5. ganti scrip tersebut dengan scrip di bawah ini
<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 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>
  • Tulisan yang bewarna biru urutkan sesuai jumlahnya nanti
  • Tulisan yang bewarna merah persentase ini harus memiliki total 100% dan nilainya boleh bervariasi.. persentase ini menunjukkan ukuran perbedaan lebar dari setiap kolomnya
Titik2 yang ada di tengah menunjukkan banyak kolom yang ingin tamen2 buat.. scrip yang di copas adalah scrip:
<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>
Jadi, teman2 sudah bisa menampilkan widget2 di area footer dengan jumlah kolom yang teman2 inginkan..

Tidak ada komentar:

Posting Komentar