Dalam membuat sebuah website, pasti di perlukan adanya kolom-kolom atau kotak-kotak sebagai tempan kita menerapkan konten web. Disini saya akan membahas tentang pembuatan 3 kolom web secara berjajar yaitu sidebar kiri,sidebar kanan dan kolom konten..
Contoh tampilannya :
Script yang harus ditulis sebagai berikut :
<html >
<head>
<meta http-equiv="Content-Type" />
<title>Untitled Document</title>
<style type="text/css">
.kotak1{border:1px solid; width:200px; float:left; height:200px}
.kotak2{border:1px solid; width:350px; float:left; height:200px}
.kotak3{border:1px solid; width:200px; float:left; height:200px}
</style>
</head>
<body>
<div class="kotak1"><h1>Sidebar kiri</h1></div>
<div class="kotak2"><h1>Halaman konten</h1></div>
<div class="kotak3"><h1>Sidebar kanan</h1></div>
</body>
</html>
Untuk pengembangannya silahkan anda sendiri, sebab jika anda banyak berlatih niscaya kemampuan anda juga akan senantiasa bertambah,jika ada pertanyaan isikan pada kotak komentar, jika saya bisa menjawab akan saya jawab..terima kasih,semoga bermanfaat………….
Ingin artikel Blog ini langsung ke Email anda? Silahkan masukan alamat email anda untuk berlangganan.
Masukan Alamat Email Anda :
Postingan yang Berhubungan
- Google Adsense
- Harga keyword Google Adsense Per klik Termahal
- Dapat Duit dari AdsenseCamp
- Tips Agar Di terima google Adsense
- Cara Curang Agar Di terima google Adsense
- Menghasilkan Uang Melalui Affiliate Marketing
- Google Melarang Menaruh Iklan Adsense Di Blog Auto Blog
- Tips Cepat terindeks Search engine
- Kenapa Blog Gue Di tolak Google ADsense..??
- Hati-Hati dengan Click Fraud
- Kelebihan Program Affiliate Amazon
- Pay Per Click (PPC)
- Iklan ClixSense
- Cari Dollar Lewat AdBrite
- Kumpulin Dollar Lewat Bux.to
- Tambah Penghasilan Lewat Ziddu
- Cari Dollar Lewat Bidvertiser
- Temanku Dapet $30 dari readbud tiap bulan..?
- Temanku Dapat Dollar Dengan Review Tanpa Website
- Panduan Paypal
- Fungsi Ping Blog?
- Cara Berjualan Produk Amazon.com
- Cara Berjualan Produk Ebay.com
- Cara Berjualan Produk Bhineka.com
0 komentar:
Posting Komentar