Cara Membuat 4 Kolom di Atas Footer

Postingan kali ini saya akan membahas bagaimana caranya Menambahkan 4 Kolom Tambah Gadget Di Atas Footer
langsung saja kita kupas Trik Blogger Cara Menambahkan 4 Kolom Di Atas Footer

Login ke Blogger
Klik Rancangan
Klik tab Edit HTML
Klik tulisan Download Template Lengkap.
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula.
Beri tanda centang pada kotak di samping tulisan Expand Template Widget.
Kemudian cari kode ]]></b:skin>

Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol Ctrl + F atau (F3).
Jika sudah ketemu copy kode di bawah ini dan paste di atas kode tadi.

#sekawan
brder :1px solid #000000;
-moz-border-radius :10px;
margin : 0 0 10px 0;
}
#sekawan-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;
}
#sekawan-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 */
}
.sekawanbar {
Margin : 0;
Padding : 0;
}
. sekawanbar .widget {
Margin : 0;
Padding : 10px 20px 0px 20px;
}
. sekawanbar 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;
}
. sekawan bar ul {
Margin : 0px 0px 0px 0px;
Padding : 0px 0px 0px 0px;
list-style-type : none;
}
. sekawan bar li {
Margin : 0px 0px 2px 0px;
Padding : 0px 0px 1px 0px;
border-bottom :1px dotted #000000;
}
. sekawanbar a {
Color : #0000ff;
text-decoration : none;
}
. sekawanbar a :visited {
text-decoration : none;
color : #0000ff;
}
. sekawanbar a :hover {
text-decoration : underline;
color : #ff0000;
}

Silahkan edit kode CSS diatas, untuk menyesuaikan tampilan kolom dengan template sobat.
tulisan yang berwarna biru bias diganti sesuai selera.

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

<div id='sekawan'>
<div id='sekawan-wrapper'>
<div id='sekawanbar-wrapper'>
<b:section class='sekawanbar' id='sekawanbar1' preferred='yes'>
</b:section>
</div>
<div id='sekawanbar-wrapper'>
<b:section class='sekawanbar' id='sekawanbar2' preferred='yes'>
</b:section>
</div>
<div id='sekawanbar-wrapper'>
<b:section class='sekawanbar' id='sekawanbar3' preferred='yes'>
</b:section>
</div>
<div id='sekawanbar-wrapper'>
<b:section class='sekawanbar' id='sekawanbar4' preferred='yes'>
</b:section>
</div>
<div style='clear: both;'/>
</div> </div><!-- end sekawan-wrapper -->

Jika sudah selesai SIMPAN TEMPLATE dan liha hasilnya.

Selamat mencoba