H
ari ini anda bisa melihat perubahan pada footer Blog ini, yakni tersedianya ruang baru widget tiga colom. Saya modifikasi template ini karena malas untuk mengganti dengan yang baru, dengan alasan ribet harus membangun dari awal lagi. Yah mendingan tempate ini saya modifikasi dengan menambahkan sedikit script untuk colom footer. Dan hasilnya lumayan rapi untuk sebuah footer tambahan.
Jika template Blog Anda juga minus footer colom dan berminat memasang=nya juga di Blog Anda, silakan ikuti langkah-langkah di bawah ini :
1). Masuk ke Template >> Edit HTML
2). Copy kode di bawah ini dan tempelkan sebelum Kode ]]></b:skin>
#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}
3). Selanjutnya Copy kode di bawah ini dan tempelkan setelah Kode <div id='footer'> atau id='footer' atau sebelum 'Kredit Link'
<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='#ffae00' 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>
4). Simpan template Anda.
5). Masuk ke Tata Letak dan lihat widget colom footer sudah siap ditambahkan Gadget baru.
Note :
Kadang pertama kali, Anda harus me-refresh halaman Tata Letak Blog
.
No comments:
Post a Comment