Merubah Ukuran Template

Wuihh, akhirnya posting lagi..
posting kali ini saya buat karena masih banyak temen2 yang bingung sama ukuran template mereka..

gini nih kata mereka..
Q: gell, koq blog gw template nya kecil sih.. bisa ngga di gedein??

saking banyaknya pertanyaan ky gitu, akhirnya saya memutuskan untuk membagi sedikit ilmu tentang dasar template.. :)

Next..
menurut Ilmu HTML, untuk membuat blog kita perlu tau letak2nya dulu..

















1. Yang Berwarna abu2 biasa kita sebut dengan Outer, nah jika ingin memperlebar template blog kita, di kolom Edit HTML coba cari outer-wrapper dan ukuran width (lebar) nya di ganti, ukuran standard nya sih biasanya 990px atau 1000px, tapi itu tergantung kemauan sih.. Untuk membuat background, tinggal tambahin aja CSS nya
ex :

#outer-wrapper {
background: #000; /* #000 adalah kode untuk warna hitam */
width: 1000px; /* untuk merubah ukuran template blog */
font: Arial;
}

atau jika ingin membuat background nya berupa gambar

#outer-wrapper {
background: #000 url(http://i640.photobucket.com/albums/uu126/gellaps/Graphic77.jpg) repeat-y fixed center;
width: 1000px;
font: Arial;
}

Tulisan berwarna kuning adalah link gambar yang akan kita masukkan menjadi background..
Warna pink maksudnya adalah untuk membuat gambar berulang ke arah bawah (koordinat y).. Pada dasarnya gambar yang kita masukkan akan berulang terus ke arah samping (x) , atau bawah (y) atau menjadi banyak ..


Untuk membuat gambar berulang ke arah samping gunakan perintah repeat-x , dan jika kita ga mau gambarnya berulang, gunakan perintah no-repeat..
Warna abu2 digunakan untuk mebuat gambarnya tetap berada disitu, maksudnya walaupun mouse kita scroll ke bawah, tapi gambar tersebut ga akan naik ke atas, tapi tetep di situ..
Warna ijo, maksudnya gambar tersebut letaknya ada di tengah2, bisa kita ganti left kalo mau gambar nya ada dikiri, atau right untuk membuat gambarnya float di kanan..

2. Yang berwarna ungu (Powder Blue) namanya Header, disitu tuh biasanya di tulis Judul Blog kita.
itu juga bisa di edit koq, cari aja header-wrapper. Untuk edit lebarnya kita ganti Width nya, kalo Tinggi nya kita ganti Height nya..

3. Yang berwarna Pink namanya Main, untuk mengeditnya biasanya di main-wrapper, Main ini tempat postingan atau tulisan2 artikel kita.

4. Yang berwarna Ijo, itu namanya Sidebar, biasanya gunanya buat naro widget atau gadget.. untuk CSS nya biasanya di sidebar-wrapper, tapi itu tergantung dari template nya..
dan editnya sama koq ky yang lainnya..

5. Nah yang terakhir itu namanya Footer, biasanya itu tempat buat naro2 kredit atau copyright gitu lah..

Nah itu dya dasar2 nya kalo mau edit template kita..
untuk memudahkan pencarian coding2 waktu di Edit HTML, kita bisa teken Ctrl + F lalu masukkan keyword yang ingin kita cari.. :)

Nah, kalo ada yang kurang dimengerti ato ada yang mau ditanyaken, monggo ya ditanya aj lewat komen dibawah.. :)
Selamat belajar.. :)