Cara Membuat 3 Kolom Elemen Di Atas Footer

Sobat blogger pemula yang ingin membuat 3 Kolom Elemen di Atas Footer.
Silahkan ikuti langkah-langkah berikut :

Login ke Blogger klik Rancangan klik 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 seperti dibawah
Untuk mempercepat pencarian, sobat gunakan tombol (F3)

#footer{
background:#F0F5FA;
width:960px;
height:32px;
margin:0px;
padding: 0px;
float:left;
}

Jika sudah ketemu tambahkan kode berikut di atasnya :

#bottom{
background:#F0F5FA;
width:100%;
position:relative;
clear:both;
margin:0px auto 0px;
color:#000000;
float:left;
padding:10px 0;
}

#bottom h2{
color:#000000;
font-size: 14px;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
margin: 0px 0px 8px 0px;
padding: 0px;
letter-spacing:0em;
text-transform:capitalize;
}

#bottom ul{
padding:0px;
margin:0px;
}

#bottom ul li{
line-height:26px;
list-style-type:none;
border-bottom:1px dashed #031c5d;
}

#bottom_1{
width:300px;
float:left;
margin:0px;
padding:0px;
}

#bottom_2{
width:300px;
float:left;
margin-left:15px;
padding:0px;
}

#bottom_3{
width:300px;
float:left;
margin-left:15px;
padding:0px;
}

Untuk membuat elemen di atas footer.
Cari kode seperti dibawah ini :

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

Jika sudah ketemu tambahkan kode berikut di atasnya :

<div id='bottom'> <b:section class='bottom' id='bottom_1' preferred='yes'/> <b:section class='bottom' id='bottom_2' preferred='yes'/> <b:section class='bottom' id='bottom_3' preferred='yes'/> </div>

Sesuaikan ukuran lebar width footer dengan template dan lebar elemen yang akan ditambahkan.
Jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya.
Selamat mencoba dan Semoga membantu.

Writen by : Masterpiece Tips Blogger ~ Tips and Tricks Blogger

Anda sedang membaca artikel tentang Cara Membuat 3 Kolom Elemen Di Atas Footer. by Admin, Anda diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya. <a href="https://jacktipsblogger.blogspot.com/2012/04/cara-membuat-3-kolom-elemen-di-atas.html" target="_blank">Cara Membuat 3 Kolom Elemen Di Atas Footer</a>

:: Get this widget ! ::