Mbuhrangert1
Blog saya kok terasa sempit sekali yaah?Sepertinya jika ditambahkan footer akan cukup memberikan tempat neh.Sebelumnya saya sempet bingung,bagaimana sih cara untuk membuat kolom dibagian bawah(footer)?setelah saya cari akhirnya kudapatkan juga cara tersebut,nah begini caranya :

1. Login ke blooger.com
2. Kemudian masuk ke Layout => Edit HTML
3. klik “Expand Widget Template”
4. Cari kode
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
Ket: pada beberapa template kodenya: footer atau footer-section

5. ganti kode yang berwarna merah dengan script berikut :

<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;'/>
<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>

Lihat hasilnya :


Selamat Mencoba ..............
Label: edit post
0 Responses

Posting Komentar