Untuk membuat halaman seperti itu, anda hanya membuat kode seperti ini :
isi halaman
Contoh :
Panduan membuat blog
Cara setting blog
Memilih template
Mengatur huruf dan warna
Cara memposting artikel
buat Read more pada template klasik
Cara membuat Text Area
Cara membuat menu dropDown
cara Upload foto
Cara membuat Link(1)
Cara membuat Link(2)
Cara membuat marquee (text berjalan)
Cara membuat efek Refresh
Kode HTML tampil pada postingan
Masalah posting artikel
Simbol Yahoo! Emoticons
Simbol Blogger Emoticons
Cara Pasang jam
Cara membuat banner animasi
Cara membuat buku tamu
HTML Tutorial
Free Download
Foto animasi
Cara pasang Statistik & Tracker
Perlunya IE dan FireFox
Maka hasilnya akan seperti ini :
Panduan membuat blog
Cara setting blog
Memilih template
Mengatur huruf dan warna
Cara memposting artikel
buat Read more pada template klasik
Cara membuat Text Area
Cara membuat menu dropDown
cara Upload foto
Cara membuat Link(1)
Cara membuat Link(2)
Cara membuat marquee (text berjalan)
Cara membuat efek Refresh
Kode HTML tampil pada postingan
Masalah posting artikel
Simbol Yahoo! Emoticons
Simbol Blogger Emoticons
Cara Pasang jam
Cara membuat banner animasi
Cara membuat buku tamu
HTML Tutorial
Free Download
Foto animasi
Cara pasang Statistik & Tracker
Perlunya IE dan FireFox
Didalam kode tersebut, yang berperan besar adalah kode yang ada dalam style. Dengan style itulah kita bisa membuat apa yang kita inginkan. Berikut adalah perintah-perintah yang di pakai :
overflow:auto; » kode ini agar tercipta scrolling atau penggulung halaman apabila isi dari halaman tersebut sudah melampaui batas tinggi atau lebar yang telah di tentukan.
width:300px; » adalah lebar bidang yang di inginkan, dalam hal ini adalah sebesar 300 pixel, nilai ini tentunya di sesuaikan dengan keinginan atau di sesuaikan dengan lebar sidebar yang ada. namun, agar selalu sesuai dengan sidebar maka sebaiknya memakai nilai 100% (width:100%).
height:200px; » adalah tinggi bidang yang di inginkan, nilai ini bisa di ubah sesuai keinginan, misal jadi 250px atau nilai yang lainnya.
padding:10px; » adalah kode pembuat jarak agar tulisan yang ada dalam halaman tersebut tidak menabrak dinding halaman, nilai ini tentu saja bisa di ubah sesuai keinginan. misal : padding:5px;
border:1px solid #eee » agar bidang tersebut terlihat ada kotaknya, jika anda tidak menginginkan ada terlihat kotaknya, maka tinggal di hapus saja.
