Cara Memperlebar Halaman Blog

  Mungkin sekarang waktunya untuk mengoprek Template kita sob agar tampilan blog dewek sesuai dengan kemauan dewek. Disini some akan menjelaskan tentang Memperlebar Halaman blog agar lebih dinamis dan nyaman untuk baca-baca, sebelum mengoprek Template. some akan menjelaskan sedikit tentang elemen yang perlu di lebarkan.

Sebelum some menjelaskan dari masing-masing elemen-elemennya some mau minta maaf kepada master-master blogger klo some sok tahu atau sok pintar, some hanya ingin membagikan ilmu kepada temend setia blog some.Okey simak masing-masing penjelasannya :

klik nangkene

1. Body ==>> elemen/area yang ada di paling belekang yang mencakup keseluruhan sebuah template
2. #outer-wrapper ==>> elemen ini letaknya di depan body yang berisi elemen-elemen seperti #header, #main, #sidebar-wrapper, dan #footer-Wrapper
3. #header ==>> karena namanya header ya berarti kepala artinya tempat atau areanya ada di atas Template yang berisi Judul blog dan Deskripsi blog
4. #main ==>> elemen yang satu ini isinya tentang artikel yang kita tulis atau post dan kotak komentar
5. #sidebar-wrapper ==>> klo elemen yang satu ini isinya ya widget-widget yang biasa sob pakai seperti buku tamu trus statistik dll.
6. #footer-wrapper ==>> elemen ini letaknya ada di paling bawah Template yang berguna untuk meletakkan Widget atau pun yang lain

Nah kalau ko kurang mengerti tentang penjelasan di atas, nih some kasih contoh gambarnya :


Nah sekarang sudah jelaskan Bagian-bagian dari Template. kalau memang ada yang kurang, maaf ya.

Oke Penjelasan sudah, Contoh gambar sudah sekarang apa lagi ya? oya Cara Memperlebar Halaman blog, ikuti ya langkah-langkah di bawah ini :

klik nangkene

1. Login ke blogger dengan id sobat
2. Masuk ke Tata Letak ==>> Edit HTML
3. Sebelum mengoprek Backup dulu y Template sobat dengan cara Download Template Lengkap
4. Setelah selesai membackup Template sobat cari kode yang akan di lebarkan, saya kasih contoh : #Outer-Wrapper, apabila sobat menggunakan Mozilla tekan Shift+F3 agar lebih mudah dalam pencarian
5. Nah setelah ketemu akan ada tampilan kurang lebih seperti di bawah ini
   #outer-wrapper {
   background:#000;
   width:973px;
   margin:0 auto;
   padding:0;
   text-align:left;
   border:2px solid #1A1A1A;
   }
6. Nah sobat perhatikan tulisan yang bercetak tebal dan miring, tulisan tersebut yang mempengaruhi lebar dari #outer-Wrapper. Apabila sobat ingin di perlebar tinggal ganti saja angka yang bercetak Tebal dan miring menjadi angka yang lebih tinggi dari semula.
7. Nah kalau kira-kira sudah cukup jangan dimpan dulu takut tidak sesuai keinginan maka sobat harus melihat Preview-nya dengan mengklik Pratinjau
8. Nah kalau sobat sudah lihat dan sesuai kenginan baru dech sobat Simpan
9. Kalau untuk elemen yang lain ingin sobat perlebar sobat bisa coba sendiri ya, caranya sama seperti itu qo tanpa ada perbedaan.
10. Nah sekarang selesai dech.

selesay ....
Tunggu ya trik-trik selanjutnya.
 mudahhh kannnn