Cara Membuat 3 Kolom Footer di Template Blogger Anda


Mengedit template blogger untuk memiliki footer 3 kolom untuk template blogger ternyata bukan perkara yang sulit, namun sangat mudah, hanya butuh beberapa menit waktu anda. Mungkin rekan-rekan blogger menganggap ini perkerjaan rumit, yah silahkan saja menganggap begitu, namun tunggu dulu baca tutorial ini, pasti anda akan heran.

Sebelumnya saya umumkan bahwa tutorial ini khusus untuk blogger beta (layout), oke langsung saja.

1. Login ke blogger.com
2. klik “Expand Widget Template”
3. save template
4. Kemudian temukan ini:

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

5. Ganti tag yang berwarna Pink 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>

6. Save template anda!

Semoga bermanfaat dan selamat mencoba.

source : abibakar.com

5 Komentar untuk "Cara Membuat 3 Kolom Footer di Template Blogger Anda"

dah dicoba dan berhasil, berhasil, hore, we did it berhasil hore!!!

Hello Teh...salam kenal yach...maksih infonya sangat bermanfaat

Back To Top