Tips Menambahkan 3 Kolom Footer

Today Tutorial blog and blogger hack.  Sebenarnya lagi ga mood untuk melnjutkan projetc blog, ada beberapa masalah yang masih berseliwearn di pikiran saya. Tetapi, menulis di blog membuat pikiran saya sedikit enjoy dan relax. Ok, lupakan saja keluh kesah saya dan kita masih punya schedule untuk terbitan artikel kali ini. bagaimana kalo kita hari ini bermain-main sedikit dengan teknik hacking alias blogger hack? seperti menambahkan 3 kolom footer di template kita? Setuju? kayanya ada yang setuju, mari kita mulai blogger hack hari ini. 

• Masuk ke blogger account
• Pilih  Layout dan Pilih lagi  Edit HTML
• Back up  blog kamu dulu , dan centang  expand widget template
• Copy code di bawah dan letakkan sebelum tag </b:skin>

#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}

• Simpan template kamu
• Sekarang cari kode di bawah ini

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

 

• Ganti kode yang berwarna merah dengan kode di bawah ini

<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='#5d5d54' 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>

 

• SImpan dan selesai

Sekarang coba cek di layout kamu dan lihat apakah sudah ada tambahan 3 kolom footer di template. Kalo kamu mengikuti step-step di atas denga benar maka kolom itu akan muncul. Selamat deh.

That’s blogger hack today, Selamat menikmati  ngeblog dan segala macam edit-mengedit , see you at tutorial blog and blogger hack for you.