Monday, May 18, 2015

Cara Mengganti Lebar Halaman Blog dengan Mudah

Berikut ini beberapa tips bagi rekan-rekan yang ingin melakukan perubahan terhadap lebar sebuah halaman blog. Faktor ini dikarenakan template yang kita gunakan dari hasil download dirasa sangat kecil. Sehingga perlu dilakukan perubahan terhadap lebar halaman utamanya.

Secara umum gambaran lebar sebuah blog jelasnya dilustrusaikan sesuai gambar di bawah ini:
main body blog

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

CARA MEMPERLEBAR HALAMAN BLOG

Langkah-langkah nya di bawah ini :

1. Login ke blogger
2. Masuk ke Tata Letak > Edit HTML
3. Cari kode #Outer-Wrapper

#outer-wrapper {
background:#000;
width:973px;
margin:0 auto;
padding:0;
text-align:left;
border:2px solid #1A1A1A;}
4. Nah sobat perhatikan tulisan yang berwarna biru, tulisan tersebut yang mempengaruhi lebar dari #outer-Wrapper. Silakan ganti sesuai ukuran Anda (misal 970 px).
5. Save template

Selamat mencoba semoga brhasil. Jika ada yang mengalami masalah, silakan tinggalkan pesan pada kolom komentar di bawah ini.


Ok Guys. Semoga bermanfaat.

Ditulis Oleh : Unknown // May 18, 2015
Kategori:

0 comments:

Post a Comment

 

Total Pageviews

Powered by Blogger.