Malam agan-agan semua, kenapa saya bilang malam karena saya ngetik artikel ini yaaa ditengah malam hehehe, saya akan sharing bagaimana cara membuat kolom footer 3 bagian hitung-hitung nambain isi blog saya ya gak gan.. LANGSUNG SAJA YA! dari pada ngelantur lagi.
1. Siapkan segelas kopi panas, mantap itu hahahaaa
2. Seperti biasa Login ke blog agan ya, jangan blog orang lain.
3. Klik Template --> Edit HTML --> beri centang Expand Template Widget
4. Cari code ]]></b:skin> untuk mempercepat gunakan Ctrl+F
5. Copy code di bawah ini lalu letakkan tepat di atas code ]]></b:skin>
6. Selanjutnya cari code <div id='footer'> atau id='footer'
7. Lalu copy lagi code di dalam spoiler dibawah ini letakkan tepat di bawah code <div id='footer'> atau id='footer' tadi ok
8. last SAVE your template ya gan, lalu lihat apa yang terjadi taraaaaa!!
1. Siapkan segelas kopi panas, mantap itu hahahaaa
2. Seperti biasa Login ke blog agan ya, jangan blog orang lain.
3. Klik Template --> Edit HTML --> beri centang Expand Template Widget
4. Cari code ]]></b:skin> untuk mempercepat gunakan Ctrl+F
5. Copy code di bawah ini lalu letakkan tepat di atas code ]]></b:skin>
#footer-column-container { clear:both; }
.footer-column { padding: 10px; }
.footer-column { padding: 10px; }
6. Selanjutnya cari code <div id='footer'> atau id='footer'
7. Lalu copy lagi code di dalam spoiler dibawah ini letakkan tepat di bawah code <div id='footer'> atau id='footer' tadi ok
<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>
<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>
8. last SAVE your template ya gan, lalu lihat apa yang terjadi taraaaaa!!
SEMOGA BERHASIL
0 komentar:
Posting Komentar