Sabtu, 13 Februari 2010

Membuat 3 Kolom Widget di Footer /dibawah

Posted by Dennis Rvindo 11.21, under | No comments

Membuat 3 Kolom Widget di Footer
To The Point, Langsung aja ke pokok permasalahan. Apabila template yang anda gunakan belum menyediakan kolom widget di footer, ini cara membuatnya :

Login dulu ke blog yang anda miliki
Pilih menu Layout >> Edit HTML
Jangan lupa menceklis Expand Widget dan back up dulu template anda.
Cari kode dibawah ini :
<div id='footer-wrapper'>
<b:section class='footer'/>
</div>



Setelah menemukan code yang warna merah diatas, selanjutnya ganti dengan code dibawah 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 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;'/>

<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>

Selanjutnya, cari code </b:skin> letaknya berada ditengah-tengah.
Setelah menemukan code diatas tadi, selanjutnya copy code dibawah ini tepat diatas code tersebut.
#footer-column-container {
clear:both;
}

.footer-column {
padding: 10px;
}

Simpan template, dan lihat hasilnya. Akan seperti footer di blog ini.

0 komentar:

Posting Komentar

Setiap komentarmu akan sangat berarti sekali buat blog ini agar bisa menjadi lebih baik untuk kedepannya, trima kasih udh berkomentar di blog ini..

Tags

Music on

Blog Archive

Sponsor