Membuat Template Desain Sendiri (Bag. 4)

Selamat berjumpa kembali. Masih semangat membuat template blog desain sendiri? Oke!!! Kita lanjut ke tahap berikutnya. Saatnya kita membentuk bagian Area Postingan dan Sidebarnya. Langsung saja menuju TKP.

Silahkan buka kembali aplikasi phpDesign Anda, kemudian buka desain templatenya. Copy kode berikut dan letakkan di bawah kode Menu.

/*-----Untuk Postingan-----*/

#areapost {
Overflow:hidden;
margin-top:5px;
padding:10px;
width:445px;
border:1px solid #000;
float:left;
}

/*-----Untuk Sidebar-----*/

#sidebar {
margin-top:5px;
margin-left: 5px;
padding:10px;
width:430px;
border:1px solid #000;
float:right;
overflow: hidden;
}

Geser kursor ke bawah dan cari Area Post. Seperti biasa, tambahkan kode <div> dan </div> di depan kata tersebut. Perhatikan gambarnya.


Kemudian tambahkan kode id=”areapost” sebelum penutup kode <div>. Lihat gambarnya kalau bingung.


Setelah itu, pindahkan kode </div> dan letakkan di bawah Area Komentar, lalu hapus Area Post. Lihat gambar di bawah.


Untuk Area Post sudah selesai. Sekarang lakukan langkah tadi pada Area Sidebar. Hasilnya seperti gambar di bawah.


Selesai deh. Seperti biasa, klik RUN untuk preview-nya. Oke!!!! Hasilnya sudah mirip template blog bukan?, meskipun baru setengah jadi. Lihat gambar di bawah ya!


Gampang kan? Sudah dulu ya untuk postingan ini (Membuat Template Desain Sendiri Bag. 4). Tunggu postingan selanjutnya. Membuat Template Desain Sendiri Bag. 5.