Gbr oleh : dcopy blog
Footer adalah bagian dalam tata letak di blog yang terletak pada bagian paling bawah. Footer pada template yang dibuat oleh orang lain / bukan dari blogger.com secara default hanya memuat satu kolom.
Template dengan fitur hanya 1 kolom pada footer mungkin akan memakan tempat bagi blog-blog yang memiliki banyak widget. Dengan ini, Robot Teknologi berusaha memberi solusi dengan cara menambahnya menjadi 3 kolom.
Ok, langsung saja menuju tutorial. Berikut langkah-langkahnya :
- Login ke akun blogger anda
- Setelah login, Pilih template (jika anda punya banyak blog klik pada blog yang akan ditambah footer-nya)
- Kemudian pilih edit/html
- Setelah muncul kotak html centang juga 'expand template widget'
- Setelah itu cari kode ]]></b:skin>
- Setelah kodenya ketemu silahkan taruh kode dibawah ini tepat di atas kode ]]></b:skin>
#footer-container { clear:both; } .footer-column { padding: 10px; }
- Selanjutnya cari kode <b:section class='footer' id='footer'>
- Setelah ketemu ganti kode <b:section class='footer' id='footer'> dengan kode dibawah ini
<div id='footer-container'>
<div id='footer4' 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='footer5' 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='footer6' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
</div>
- Kemudian klik save
Untuk melihat hasilnya, silahkan pilih tab tata letak dan scroll kebawah. Nanti akan ada 3 kolom pada bagian bawah yang berisi untuk menambah gadget/tambah gadget.
Nah, begitulah cara untuk menambah footer 3 kolom di blog. Sekian dari saya, wassalamu'alaikum.
0 komentar:
Posting Komentar