Diatas Footer

  • 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;
}

#bottom2 {
width:260px;
float:left;
padding:0 20px 0 20px;
}

#bottom3 {
width:260px;
float:right;
padding-right:15px;

NB:
  1. Ganti kode yang berwarna hijau sesuai dengan lebar template blog anda.
  2. Untuk variabel width di kode #bottom harus sesuai dengan lebar template blog anda.
  3. Untuk variabel width di kode #bottom1, #bottom2, dan #bottom3 dapat anda ubah dengan lebar yang anda inginkan, tapi harus memperhatikan point nomor 2.
  4. Kode yang berwarna merah merah merupakan ukurah lebarnya sesuaikan dengan karakter blog anda
  5. 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>
  • Simpan Perubahan

0 komentar :