Design Blog |
Memperindah blog dengan menambahkan 3 kolom pada footer blog sobat maka tampilan akan jadi lebih menarik dan ruang pada sidebar menjadi lebih luas untuk digunakan tambahan lainnya, juga bisa buat sekedar belajar nguprek program lumayan jadi mengerti liku-liku blogger bagian dalam, dan jika sobat tertarik silahkan ikuti langkah-langkah berikut :
1. Seperti biasa Login ke blog sobat terlebih dahulu.
2. Klik Template > Edit HTML > beri centang Expand
Template Widget
3. Cari code ]]></b:skin> untuk mempercepat gunakan
Ctrl+f
4. Copy code di bawah ini lalu letakkan tepat di atas code
]]></b:skin>
#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}
5. Selanjutnya cari code <div id='footer'> atau
id='footer'
6. Lalu copy lagi code di bawah ini letakkan tepat di bawah
code <div id='footer'> atau id='footer' tadi
<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>
7. Kalau sudah silahkan Save Template sobat dan lihatlah
perubahan, semoga sukses.
8. Jika sobat gagal tidak ada perubahannya maka jangan
terlalu dipikirkan karena memang tidak semua template bisa dirubah-rubah, namun
masih tersedia satu jalan yaitu gantilah template sobat dengan yang baru dan untuk download silahkan saksikan template Institute dari zoomtemplate, template ini langsung cocok dengan blogger tinggal menyesuaikan dengan isi blog saja.
Selamat mencoba dan semoga puas.