Cara Menambahkan Elemen Halaman Diatas Footer

 Baiklah langsung aja berikut cara menambah elemen di atas footer:

Login ke blogger dengan id anda
  1. Tuju menu Tata Letak
  2. Pada tab menu, klik Edit HTML
  3. Backup template anda, klik Download Template Lengkap
  4. Sekarang cari kode ini :

#footer {
width:900px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

Tambahkan atau copy lalu paste kode berikut di bawah kode tadi

/* bottom
----------------------------------------------- */
#bottom {
width:900px;
clear:both;
margin:0 auto;
float:left;
padding:10px 0;
color:#333;
background:#ffffff;
border-top:1px solid #333;
}
#bottom a:link {
color:#006699;
text-decoration:none;
}
#bottom a:hover {
color:#c06000;
text-decoration:underline;
}
#bottom a:visited {
color:#045FB4;
text-decoration:none;
}
#bottom h2 {
padding:20px 0 2px 0;
margin:0 0 10px 0;
border-bottom:1px dotted #cccccc;
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("http://i35.tinypic.com/2n03mgz.jpg") no-repeat 0px .17em;
padding-left:17px;
margin-top:2px;
}
#left-bottom {
width:200px;
float:left;
padding-left:15px;
}
#center-bottom {
width:200px;
float:left;
padding:0 20px 0 20px;
}
#right-bottom {
width:420px;
float:right;
padding-right:15px;
}

Sekarang kita membuat kode HTML untuk elemen di atas footer tersebut. Cari kode ini :

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

Tambahkan kode berikut di atas kode tadi :

<div id='bottom'>
<b:section class='bottom' id='left-bottom' preferred='yes'/>
<b:section class='bottom' id='center-bottom' preferred='yes'/>
<b:section class='bottom' id='right-bottom' preferred='yes'/>
</div> <!-- end bottom -->

Sekarang klik tombol SIMPAN TEMPLATE
Selesai



NB :
Semoga bermanfaat! oya senang sekali kalau sobat mau menyediakan sedikit waktu untuk meninggalkan comment dibawan sini,...selamat berkarya..!!!
Category:

1 komentar:

jual jaket distro bandung said...

makasih sharenya mastah.. langsung ane cobain.. :D

Post a Comment

"Komentar anda sangat bermanfaat untuk perkembangan blog ini. Jangan lupa adab berkomentar, dan jangan buang waktu untuk spam. Terima Kasih!!!."