Sebenarnya banyak free template yang sudah menyediakan 3 kolom pada footer-column. Namun kalau Anda merasa penasaran dan lebih puas untuk membuatnya sendiri, silahkan coba cara yang satu ini.
1. Masuk ke 'Tata Letak'
2. Klik 'Edit HTML'
3. Jangan Lupa Back up dulu template'nya
4. Cari kode seperti ini:
]]></b:skin>
</head>
5. Kalau sudah, taruh kode dibawah ini tepat diatasnya,
#footer-columns {
background:#afa7a7;
border-top:1px dotted #999999;
clear:both;
margin:0 auto;
}
.column1 {
padding: 0px 5px 3px 5px;
width: 30%;
float: left;
margin:3px;
text-align: left;
}
.column2 {
padding: 0px 5px 3px 5px;
width: 31%;
float: left;
margin:3px 3px 3px 5px;
text-align: left;
}
.column3 {
padding: 0px 5px 3px 5px;
width: 30%;
float: right;
margin:3px;
text-align: left;
}
.addwidget {
padding: 0 0 0 0;
}
#footer-columns ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
#footer-columns li {
margin:0;
padding-top:0;
padding-left:0;
padding-bottom:.25em;
padding-right:15px;
text-indent:-15px;
line-height:1.5em;
}
body#layout #footer-columns {
width: 100%;
margin-left: auto;
margin-right: auto;
}
body#layout .column1 {
width: 32%;
float: left;
}
body#layout .column2 {
width: 32%;
float: left;
}
body#layout .column3 {
width: 32%;
float: right;
}
6. Kemudian cari kode ini:
<b:section class='footer' id='footer'/>
7. Dan ganti kode diatas dengan kode berikut ini:
<div id='footer-columns'>
<div class='column1'>
<b:section class='addwidget' id='col1' preferred='yes' style='float:left;'>
</b:section>
</div>
<div class='column2'>
<b:section class='addwidget' id='col2' preferred='yes' style='float:left;'>
</b:section>
</div>
<div class='column3'>
<b:section class='addwidget' id='col3' preferred='yes' style='float:right;'>
</b:section>
</div>
<div style='clear:both;'/>
</div>
<b:section class='footer' id='footer'/>
8. Dan terakhir Save Template
Selamat mencoba
1 komentar:
ijin ke TKP sob!!!!
Posting Komentar
Silahkan tinggalkahn pesan Anda yang sopan, terimakasih!