Cara mengubah lebar blog dan membuatnya lebih lebar di Blogspot

SITUASI SAAT INI (Apa ada di luar sana?)
Ada ribuan template di luar sana ... Anda memiliki template default Blogger + Puluhan situs lain yang menyediakan Template Blogger gratis ...
Baiklah, Anda tahu bahwa .... tapi inilah hal lain yang harus Anda pertimbangkan:
Ada 2 jenis template (layout) Anda dapat menggunakan:

► FLUIDA lebar atau template STRETCH - template yang mengubah ukuran untuk memenuhi setiap monitor komputer. Membentang sesuai dengan resolusi monitor.
Advantage adalah jelas, dan kelemahan utama adalah DESAIN. Ini cukup menahan ketika datang ke ini. Tentu saja, itu tergantung apa yang Anda suka. Untuk template terlihat profesional, bagus .... Tapi untuk satu pribadi, itu dapat sedikit membosankan .....

► template LEBAR TETAP - mereka memiliki lebar tetap, terlepas dari resolusi monitor .... Mereka adalah ideal untuk merancang dan menyesuaikan, tetapi, bagian lebar kadang-kadang dapat menjadi sakit nyata dalam ....:]
Mengapa ...? karena:
- Orang memiliki monitor yang berbeda (layar) ukuran,
- Dan mereka menggunakan resolusi yang berbeda pada mereka ...
... hasil akhir adalah: Blog tampil berbeda dalam setiap kombinasi!
HARUS MENGUBAH LEBAR DARI BLOG SAYA?
Yah, itu tergantung. Jika Anda sudah memiliki template lebar, atau Anda menggunakan Stretch (cairan) tata letak, tidak perlu melakukan hal ini ...

Resolusi ramah berarti bahwa Blog anda tidak melebihi lebar 750px. Mengapa 750? Karena statistik mengatakan kepada kita bahwa banyak orang masih menggunakan resolusi 800x600 px. Dan jika Anda membuat Blog anda lebih luas dari 750, ini sekelompok orang akan harus scroll kiri-kanan pada halaman Anda .... yang cukup menjengkelkan. Dan Anda bisa kehilangan orang-orang pengunjung ....

Tapi, ada juga pepatah, dan itu berjalan seperti ini:
Lie ► Sebuah Statistik Lie ► Lebih besar.

Jika Anda surfing sedikit, dan memperhatikan lebar halaman web, Anda akan melihat bahwa banyak situs web (bahkan yang populer), adalah cara yang selama px 750!
Jadi, itu benar-benar terserah pada Anda ....

LET'S YANG MENGUBAH LEBAR SUDAH .....
Satu-satunya masalah di sini akan identifikasi gaya CSS pada template anda (Layout). Ini adalah bagian di bagian kode yang mendefinisikan styling, termasuk lebar elemen.
Ada template yang berbeda begitu banyak di sekitar, dan itu cerita yang berbeda untuk masing-masing ...

Tapi jangan khawatir .... ada pola. Sebuah tulang punggung. Sebuah konstitusi Layout. Sebuah cara tertentu mengorganisir (penamaan) elemen. Ini pada dasarnya hal yang sama, dengan nama yang berbeda .....
Untuk contoh ini, kita akan standar Blogger Template ► Minima. Mari kita lakukan.
1. Hal pertama adalah identifikasi. Pergi ke: LAYOUT ► EDIT HTML, dan temukan bagian-bagian yang mendefinisikan lebar dari bagian utama, bagian Post, Sidebar, Bagian Header dan Footer.
Untuk Minima, kami memiliki situasi ini:

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
..................................
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
..................................
#main-wrapper {
width: 410px;
float: $startSide;
..................................
#sidebar-wrapper {
width: 220px; float: $endSide;
..................................
#footer {
width:660px;
clear:both;

di Minima ... (dan banyak template lain) elemen dikategorikan oleh nama-nama ini:

1. header-wrapper adalah header
2. outer-wrapper adalah bagian utama kita, unsur-unsur lain yang dibungkus di dalamnya ..
3. main-wrapper merupakan Bagian Posting
4. sidebar-wrapper singkatan Sidebar
5. footer adalah Footer:]

Ini berarti bahwa kami header-wrapper adalah 660px lebar, lebar outer-wrapper (Pasca bagian Sidebar + + margin) juga 660px, dan footer 660 px.

2. Mari kita mengubah lebar:

#header-wrapper {
width:750px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
......................................................................
#outer-wrapper {
width: 750px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
.......................................................................
#main-wrapper {
width: 500px;
float: $startSide;
........................................................................
#sidebar-wrapper {
width: 220px;
float: $endSide;
........................................................................
#footer {
width:750px;
clear:both;