Membuat Template Desain Sendiri (Bag. 5)

Selamat berjumpa kembali. Duh, tidak terasa dah Bagian 5 ya! Sebentar lagi akan selesai proses membuat templatenya. Siap untuk menyelesaikan template Anda. Oke!!!

Kita lanjut ke bagian paling bawah sebuah template, yaitu Footer. Langsung saja copy kode berikut dan letakkan di bawah kode Area Sidebar.

/*-----Untuk Area Paling bawah/footer-----*/
#footer {
width: 928px;
margin: 0;
margin-top: 5px;
padding: 0;
font: 12px arial;
text-align: left;
color: #fff;
line-height: 1.2em;
border: 1px solid black;
overflow: hidden;
}

#copyright {
padding: 10px 0 5px 10px;
}
#copyright a{
color: red;
}
#copyright a:hover {
color: yellow;
text-decoration: none;
font-style: oblique;
font-weight: bold;
}
#info {
padding: 0 0 15px 10px;
}

.clear {clear: both;}

Setelah itu, cari Footer di bagian paling bawah, kemudian tambahkan kode <div></div> di depannya.


Hapus kata Footer, lalu pindahkan kode </div> ke bawah kata Info. Supaya lebih jelas, lihat gambar di bawahnya.


Kemudian ganti kata Copyright dan Info dengan kode berikut.

<div id="copyright">2011 © Desain by <a href="ALAMAT BLOG ANDA/" target="_blank">NAMA ANDA</a></div>
<div id="info">SILAHAKAN ISI DI SINI DENGAN KATA-KATA ANDA SENDIRI</div>

Tambahkan kode <br class='clear'/> di atas kode <div id="footer"> tadi, maka akan seperti gambar di bawah hasilnya.


Akhirnya, selesai juga desain templatenya. Oke!!! Gampang kan membuat template sendiri? Kalau ada yang kurang jelas, silahkan tinggalkan komentar. Tahap ini adalah tahap awal saja, jadi belum bisa digunakan pada blog Anda. Tunggu postingan selanjutnya, Membuat Template Desain Sendiri (Bag. 6).
Loading.....