cara menambahkan 4 kolom diatas footer

sumber gambar

1) Login ke Blogger dengan akun kawan
2) Klik template
3  Klik tab Edit HTML
4) Klik tab  Download Template Lengkap.
    silakan simpan dulu template anda, ini jaga-jaga bila ada kesalahan pada pengeditan
5) Kemudian cari kode ]]></b:skin>

Nb   :Untuk mempercepat pencarian sobat bisa gunakan tombol Ctrl + F atau (F3).
    
6) letakan kode dibawah ini diatas kode ]]></b:skin>

#akazka

border :1px solid #000000; 

-moz-border-radius :10px; 

margin : 0 0 10px 0; 

} 

#akazka-wrapper { 

Margin : auto; 

Padding : 0px 0px 20px 0px; 

Width : 960px; 

Background : #ffffff;

-moz-border-radius-bottomleft :10px; 

-moz-border-radius-bottomright :10px; 

-webkit-border-bottom-left-radius :10px; 

-webkit-border-bottom-right-radius :10px; 

} 

#akazka-wrapper { 

Float : left; 

Margin : 0px 0px 0px 0px; 

Padding : 10px 0px 0px 0px; 

Width : 25%; 

text-align : justify; 

font-size :100%; 

color : #ffffff; 

line-height: 1.6em; 

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ 

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ 

} 

.akazka { 

Margin : 0; 

Padding : 0; 

} 

. akazka .widget { 

Margin : 0; 

Padding : 10px 20px 0px 20px; 

} 

. akazka h2 { 

background : #ffffff; 

-moz-border-radius-bottomleft : 6px; 

-moz-border-radius-bottomright : 6px; 

-webkit-border-bottom-left-radius : 6px; 

-webkit-border-bottom-right-radius : 6px; 

Margin : -10px 0px 10px 0px; 

Padding : 3px 0px 3px 0px; 

text-align : center; 

color :#ffffff; 

font-size :20px; 

font-weight :bold; 

text-transform :sekawancase; 

} 

. akazka bar ul { 

Margin : 0px 0px 0px 0px; 

Padding : 0px 0px 0px 0px; 

list-style-type : none; 

} 

. akazka bar li { 

Margin : 0px 0px 2px 0px; 

Padding : 0px 0px 1px 0px; 

border-bottom :1px dotted #000000; 

} 

. akazkabar a { 

Color : #0000ff; 

text-decoration : none; 

} 

. akazkabar a :visited { 

text-decoration : none; 

color : #0000ff; 

} 

. akazkabar a :hover { 

text-decoration : underline; 

color : #ff0000; 

}

Silahkan edit kode CSS diatas, untuk menyesuaikan tampilan kolom dengan template kawan.
tulisan yang berwarna merah diganti sesuai selera. 



6) Kemudian cari kode <div id='footer-wrapper'> atau yang mirip  jika sudah ketemu copy kode berikut   dan letakkan  diatasnya.

<div id='akazka'> 

<div id='akazka-wrapper'> 

<div id='akazkabar-wrapper'> 

<b:section class='akazkabar' id='akazkabar1' preferred='yes'>

</b:section> 

</div> 

<div id='akazkabar-wrapper'> 

<b:section class='akazkabar' id='akazkabar2' preferred='yes'>

</b:section> 

</div> 

<div id='akazkabar-wrapper'> 

<b:section class='akazkabar' id='akazkabar3' preferred='yes'>

</b:section> 

</div> 

<div id='akazkabar-wrapper'> 

<b:section class='akazkabar' id='akazkabar4' preferred='yes'>

</b:section> 

</div> 

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

</div> </div><!-- end akazka-wrapper -->

Jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya. 

SELAMAT MENCOBA

modiefied: by azka fathur

inspirasi: linkinspirasi