Kali ini saya akan membahas bagaimana Cara Membuat 3 Kolom Elemen di Atas Footer.
Sumber : (http://blogtutorialblogger.blogspot.com)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)
Jika sudah ketemu tambahkan kode berikut di atasnya :
Untuk membuat elemen di atas footer.
Cari kode seperti dibawah ini :
Jika sudah ketemu tambahkan kode berikut di atasnya :
Keterangan : Sesuaikan ukuran lebar width footer dengan template dan lebar elemen yang akan ditambahkan.
Jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya.
Selamat mencoba
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)
#footer{
background:#F0F5FA;
width:960px;
height:32px;
margin:0px;
padding: 0px;
float:left;
}
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;
}
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>
<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>
<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 TEMPLATE dan lihat hasilnya.
Selamat mencoba
Related Posts : Blogger Tutorial,
Footer
Artikel
{ 10 comments... Read Them Below or add one }
makasih gan infonya.. kunjungan balik ya? blog baru ne
Asyik neeh utk membuat blog lebih keren,,,,
thanks infonya bang
blog abang sangat pro
tolong mampir juga ya bang
biasa masih newbie
http://filehippodotkom.blogspot.com/
tuh bang site blog ane
di tunggu lo bang
terimakasih sob,,ini bermanfaat
mantap gan.. thanks tutornya
makasih gan sdh berhasil saya terapkan, cuma kalo mau bikin kotak judul widgetnya berwarna bagai mana ya...?
thank's nih... mau di coba dulu
jual obat kesehatan dan kecantikan herbal alami di indonesia
OBAT PELANGSING FATLOSS
OBAT PELANGSING FRUIT & PLANT
3-PELANGSING MEIZITANG
4-PELANGSING ACAI BERRY
5-PELANGSING BADAN CREAM
6-PENGGEMUK BADAN
7-PENINGGI BADAN
8-PENUMBUH RAMBUT
9-PEMERAH BIBIR ALAMI
10-PEMERAH BIBIR-PAYUDARA
11 CREAM PEMUTIH WAJAH
12-PEMUTIH BADAN EMILAY
13-PEMUTIH SELANGKANGAN
14-PEMUTIH GIGI
15-PENGHILANG BEKAS LUKA
16-PENGHILANG SINGKAYO
17-PERAPET WANGI VAGINA
18-PERONTOK BULU
19-PEMBESAR PANTAT
20-ALAT BESAR PAYUDARA
21-OBAT PEMBESAR PENIS
JUAL OBAT VIMAX PILLS INDONESIA ASLI CANADA
thanks gan
OBAT VIMAX INDONESIA
MEJUAL BERBAGAI PRODUK KECANTIKAN DAN VITALITAS
CS:081214642220,
BB: 2A06A599
OBAT PEMBESAR PENIS
ALAT BANTU SEKS
OBAT KUAT VIAGRA
OBAT PERANGSANG WANITA
PEMBESAR PENIS VIMAX
OBAT VIMAX
VIMAX PILLS
PEMBESAR PENIS HERBAL
ALAT PEMBESAR PENIS
OBAT VIMAX INDONESIA
VIMAX PILL
PEMBESAR PENIS ALAMI
VIMAX KAPSUL
VIMAX PEMBESAR PENIS
OBAT PEMBESAR
VIMAX
PEMBESAR PENIS
TERIMAKASIH INFONYA
ALAT MASTURBASI SEX
OBAT GEMUK
LINTAH PEMBESAR ALAT VITAL
PEMBESAR PANTAT
CREAM PELANGSING
OBAT AMBEIEN WASIR
OBAT CELANA HERNIA
OBAT PERANGSANG WANITA
OBAT PERONTOK BULU
OBAT PEMBESAR PAYUDARA
Posting Komentar
Silahkan sahabat berkomentar sesuai dengan artikel postingan di atas. Apabila ada postingan yang rusak atau tidak bisa terbaca mohon beritahu di Komentar ini.Trimakasih telah berkunjung & berkomentar
Penting... Maaf,Tidak Diizinkan Memberikan Atribut Pada Komentar Anda..