Menambah 3 Elemen di Footer

Footer merupakan salah satu yang tidak dipisahkan di dalam Blog atau Website karena footer ini merupakan bagian penting di dalam Blog. Biasanya standar dari template atau blogger hanya memberikan 1 footer saja kepada Blogger.Nah pada tutorial kali ini saya akan memberikan cara bagaimana menambah kolom page element di footer menjadi 3 bagian. Contohnya seperti ini :


Ok langsung kita mulai tutorialnya :


1. Sign in Blogger

2. Layout

3. Edit HTML


4. Jangan lupa berikan tanda centang pada Expand Widget Templates

5. Cari kode ini :

<b:section class=’footer’ id=’footer’/>

6. Kemudian ganti dengan kode 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;’/>
<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>

7. Kemudian Save dan lihat hasilnya.

Selamat Mencoba....

Artikel Yang Berhubungan :