SEGALA TEKNIK

Daftar isi Teknik Ngeblog Teknik menjadikan judul postingan jadi meta tagMenghilangkan Tanggal PostinganMemperbanyak FollowersMembuat Postingan di halaman pertamaTeknik Menaikan Page RankMenghilangkan Navbar, entri baru desainMembuat Tulisan berkedip di BloggerCara menghilangkan diposkan Oleh yang terbaruCara Membatalkan FollowCara menghilangkan Komentar di blogspotArti dari dofollow dan nofollowMerubah Blog Dofollow menjadi NofollowMenambah Kolom diatas footer

Cara Membuat Multi Kolom di Footer Blogspot

1. Login ke Blogger
2. Pilih Template => Edit HTML
3. Backup template (Download Full Template)
4. Tekan F3, cari kode ]]></b:skin> lalu letakkan kode berikut diatasnya

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

5. Selanjutnya cari kode seperti dibawah ini

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

atau bisa juga cari kode seperti dibawah ini

<div id='footer'>
<b:section class='footer' id='footer' showaddelement='yes'/>
</div>

6. Letakkan kode berikut dibawah kode <b:section class='footer' id='footer' showaddelement='yes'/> atau <b:section class='footer' id='footer' />

Apabila tidak ada kode <b:section class='footer' id='footer' showaddelement='yes'/> maka tambahkan aja kode berikut dibawah <div id='footer'>

Menambah 2 Kolom Diatas Footer

<div id='footer-column-divide'>

<div id='footer1' style='width: 50%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 50%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

<div style='clear:both;'/>
</div>


Menambah 3 Kolom Diatas Footer

<div id='footer-column-divide'>

<div id='footer1' style='width: 33%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 33%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 33%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col3'
preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
</div>



Menambah 4 Kolom Diatas Footer

<div id='footer-column-divide'>

<div id='footer1' style='width: 25%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 25%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 25%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col3'
preferred='yes' style='float:right;'/>
</div>

<div id='footer4' style='width: 25%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col4'
preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
</div>
 
Semoga teknik ini bermanfaat