Cara Menambah Elemen Baru Di Atas Footer

Cara Menambah Elemen Baru Di Atas Footer

Menjawab pertanyaan sahabat blog LCD TV tentang  bagaimana menambahkan elemen  di platform blogspot terima kasih atas pertanyaannya melalui halaman masterGOmaster help dan untuk jawabannya saya sudah persiapkan di bawah ini, semoga jawaban ini bisa membantu kesulitan anda,.... apabila anda ingin Menambah Kolom Sidebar silahkan klik link tadi karena saya pernah mempostingnya. selanjutnya silahkan menuju tahapan berikut :

1. Langkah pertama Dipersilahkan anda Login ke draft blogger ? layout ? klik Edit HTML
    ...Backup template anda untuk jaga jaga bila terjadi kesalahan...

2. Kemudian cari kode CSS 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;
}

3. Apabila sudah menemukan kodenya silahkan sobat menambahkan kode dibawah ini dibawah kode diatas

/* 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;
}

4. Cari kode ini lagi :

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

5. 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 -->

6. Akhiri dengan menekan tombol save template
Kiranya sampai disini trik menambah  elemen  pada footer dan silahkan lihat hasilnya.

Thursday, February 21, 2013