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.

ika sudah selesai simpan templete dan lihat hasilnya.

Selamat mencoba