- Cari kode berikut (supaya lebih mudah gunakan ctrl+F)
]]></b:skin>
- Copy paste kode berikut diatas kode no.2
/* -- bottom -- */
#bottom {
width:850px;
clear:both;
margin:0 auto;
float:left;
padding:10px 0;
color:#333;
background:#ffffff;
border-top:#ffffff;
border-bottom:#ffffff;
}
#bottom a:link {
color:#006699;
text-decoration:none;
}
#bottom a:hover {
color:#c06000;
text-decoration:underline;
}
#bottom a:visited {
color:#808080;
text-decoration:none;
}
#bottom h2 {
color:#000000;
padding:10px 0 2px 0;
margin:0 0 10px 0;
border-bottom:1px dotted #333;
font-size:11px;
font-weight:bold;
line-height:1.4em;
text-transform:uppercase;
}
#bottom ul {
padding:0;
margin:0;
color:#333;
}
#bottom ul li {
list-style-type:none;
border-bottom:1px dotted #333;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFPYehGBa40owJcpS-J38kPKVtiPZtCGhqKB88TMx8A_eoHrZYFHBpWIT40ADe95QspRBGeYVvkK3OBNspfl8cHebe-ChgdBDgcxbqQlz0mYr5gYI6dOTbXxudg4_PWq43BnardQDsXmg/s144/Arrobblue.png") no-repeat 0px .17em; padding-left:17px;
margin-top:2px;
}
#bottom1 {
width:260px;
float:left;
padding-left:15px;
}
float:left;
padding:0 20px 0 20px;
}
#bottom3 {
width:260px;
float:right;
padding-right:15px;
#bottom {
width:850px;
clear:both;
margin:0 auto;
float:left;
padding:10px 0;
color:#333;
background:#ffffff;
border-top:#ffffff;
border-bottom:#ffffff;
}
#bottom a:link {
color:#006699;
text-decoration:none;
}
#bottom a:hover {
color:#c06000;
text-decoration:underline;
}
#bottom a:visited {
color:#808080;
text-decoration:none;
}
#bottom h2 {
color:#000000;
padding:10px 0 2px 0;
margin:0 0 10px 0;
border-bottom:1px dotted #333;
font-size:11px;
font-weight:bold;
line-height:1.4em;
text-transform:uppercase;
}
#bottom ul {
padding:0;
margin:0;
color:#333;
}
#bottom ul li {
list-style-type:none;
border-bottom:1px dotted #333;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFPYehGBa40owJcpS-J38kPKVtiPZtCGhqKB88TMx8A_eoHrZYFHBpWIT40ADe95QspRBGeYVvkK3OBNspfl8cHebe-ChgdBDgcxbqQlz0mYr5gYI6dOTbXxudg4_PWq43BnardQDsXmg/s144/Arrobblue.png") no-repeat 0px .17em; padding-left:17px;
margin-top:2px;
}
#bottom1 {
width:260px;
float:left;
padding-left:15px;
}
#bottom2 {
width:260px;float:left;
padding:0 20px 0 20px;
}
#bottom3 {
width:260px;
float:right;
padding-right:15px;
- Ganti kode yang berwarna hijau sesuai dengan lebar template blog anda.
- Untuk variabel width di kode #bottom harus sesuai dengan lebar template blog anda.
- Untuk variabel width di kode #bottom1, #bottom2, dan #bottom3 dapat anda ubah dengan lebar yang anda inginkan, tapi harus memperhatikan point nomor 2.
- Kode yang berwarna merah merah merupakan ukurah lebarnya sesuaikan dengan karakter blog anda
- Tulisan yang berwarna orange merupakan kode untuk menambahkan icon panah biru dalam teks kamu jika menggunakan metode penomoran, baik angka maupun butir-butir. Kalau anda kurang suka silakan hapus kode tersebut atau ganti url dalam tanda kurung dengan icon anda sendiri.
- Cari kembali kode HTML (supaya lebih mudah gunakan ctrl+F)
<div id='footer-wrapper'>
atau kode yang sejenis. Kemudian copas kode di bawah ini di atas kode tersebut.<div id='bottom'>
<b:section class='bottom' id='bottom1' preferred='yes'/>
<b:section class='bottom' id='bottom2' preferred='yes'/>
<b:section class='bottom' id='bottom3' preferred='yes'/>
</div>
<b:section class='bottom' id='bottom1' preferred='yes'/>
<b:section class='bottom' id='bottom2' preferred='yes'/>
<b:section class='bottom' id='bottom3' preferred='yes'/>
</div>
- Simpan Perubahan
0 komentar :
Posting Komentar