Cara Membuat 3 Kolom Elemen di Atas Footer
Kali ini saya akan membahas bagaimana Cara Membuat 3 Kolom Elemen di Atas Footer.
Khusus buat 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
Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol (F3)
Khusus buat 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
Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol (F3)
Langkah Pertama cari code dibawah ini.
#footer{
background:#F0F5FA;
width:960px;
height:32px;
margin:0px;
padding: 0px;
float:left;
}
Jika sudah ketemu tambahkan kode berikut di atasnya :
Untuk membuat elemen di atas footer.
Cari kode seperti dibawah ini :
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>
Keterangan : Sesuaikan ukuran lebar width footer dengan template dan lebar elemen yang akan ditambahkan.
Jika sudah selesai Simpan Templete dan lihat hasilnya.
Selamat mencoba
Jika sudah selesai Simpan Templete dan lihat hasilnya.
Selamat mencoba
Langganan:
Posting Komentar
Postingan
0 komentar:
Posting Komentar