Cara Membuat 3 Kolom di Atas Footer

Halo sobat, apa kabar :) semoga sehat selalu supaya bisa tetap terus ngintip update terbaru dari blogku ini hehe :D . Kali ini saya akan membahas lagi tentang bagaimana membuat 3 kolom di atas footer blog sobat. Mungkin ada sobat yang merasa sidebarnya sudah penuh dengan widget dan ingin mencari tempat yang cocok untuk menempatkan widget baru?? nah jika begitu sebaiknya sobat membuat 3 kolom baru di atas footer blog sobat.

 Baiklah langsung saja ikuti langkah-langkah di bawah ini.

1. Log-in ke blog sobat
2. Klik Tata Letak (Rancangan) untuk blog antarmuka lawas, Klik Template untuk blog antarmuka yang baru.
3. Klik Edit HTML --> lalu centang Expand Template Widget
4. Cari kode ]]></b:skin> letakkan kode di bawah ini di atas kode tersebut

#footer-bottom {
width: 900px;background:#fff;
position: relative;display:inline;
clear:both;
margin:0 auto 0;
color:#000;
float: left;
padding:10px;
}
#left-bottom {
width: 270px;
float: left;display:inline;
margin:10px 5px 0 5px;
padding:5px
}
#center-bottom {
width: 280px;
float: left;
margin:10px 5px 0;
padding:5px
}
#right-bottom{
width: 270px;
float: left;display:inline;
margin:10px 5px 0;
padding:5px
}

5. Kemudian cari kode <div id='footer'> dan letakkan kode di bawah ini di atas kode tersebut

<div id='footer-bottom'>
<b:section class='footer-bottom' id='left-bottom' preferred='yes' showaddelement='yes'>
</b:section>

<b:section class='footer-bottom' id='center-bottom' preferred='yes' showaddelement='yes'>
</b:section>

<b:section class='footer-bottom' id='right-bottom' preferred='yes' showaddelement='yes'>
</b:section>
</div>

6. Simpan dan Silahkan sobat lihat hasilnya di Elemen Laman

Catatan:

• Kode yang berwarna merah adalah ukuran masing - masing kolom, bisa sobat ganti sesuka hati
• Kode yang berwarna biru adalah warna background nya bisa sobat ganti dengan keinginan sobat sendiri. Klik Disini untuk mengecek kode warna

Selamat Mencoba Sob! :D

Share on Google Plus

About Blogger Pemula

Seorang yang hobi menjelajahi dunia internet menggali segala informasi penting, menulis artikel, blogging, menyukai desain grafis dan juga desain web. Semua pengalaman didapat dari belajar Otodidak. Memiliki mimpi untuk menjadi seorang web developer.