Jumat, 14 Desember 2012

cara membuat footer 3 kolom pada blog

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>

#footer-column-container { clear:both; }
.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>

8. last SAVE your template ya gan, lalu lihat apa yang terjadi taraaaaa!!

SEMOGA BERHASIL
Share this article

0 komentar:

Posting Komentar

 
Copyright © 2014 Clickme More • All Rights Reserved.
Clickme More | Template Design by BTDesigner • Powered by Blogger
back to top