Cara mengubah lebar blog dan membuatnya lebih lebar di Blogspot

Tweet

Ini bisa menjadi fitur yang cukup penting, jika Anda peduli tentang hal itu .... Mengubah lebar Blog Blogger Anda akan mendapatkan beberapa ruang ekstra (untuk menempatkan gadget lebih, pics, iklan ...), atau akan membuat bagian Posting Anda lebih luas (artinya: gambar yang lebih besar, paragraf yang lebih luas), Anda juga dapat menambahkan kolom ketiga, jika Anda ingin .....

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!

◄ Bayangkan berbaring di rumput dengan hidung ditekan jauh ke dalam ilalang itu. Bidang visi Anda tidak akan sangat besar, dan semua yang Anda lihat adalah sebuah pisau besar beberapa rumput, beberapa butir kotoran, dan mungkin seekor semut atau dua. Ini adalah 14-inci 640 x 480 monitor. Sekarang, bangun di tangan Anda dan lutut, dan bidang visi Anda akan meningkatkan cukup: Anda akan melihat rumput lebih banyak. Ini adalah 15-inci 800 x 640 monitor. Untuk perspektif 1280 1024 x (pada monitor 19-inci), berdiri dan melihat tanah. Beberapa monitor dapat menangani resolusi yang lebih tinggi seperti 1600 x 1200 atau bahkan 1920 x 1440-agak mirip dengan pandangan dari atas pohon ... ►

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;

Aku memutuskan untuk membuat Posting bagian saya (main-wrapper) yang lebih luas. Untuk melakukan ini, saya harus meningkatkan saya outer-wrapper. Sekarang, inilah ATURAN:

◄ Jika Anda ingin meningkatkan lebar bagian Tulisan atau Sidebar, Anda MEMILIKI untuk meningkatkan bagian Utama Anda lebar (outer-wrapper) untuk nilai yang sama! ►

◄ 500px + 220px + margin = 750px ►

Dalam contoh ini, saya telah meningkatkan bagian Posting saya (main-wrapper) untuk 90px, jadi saya sudah berubah 410px menjadi 500px. Saya melakukan hal yang sama untuk bagian Main (outer-wrapper), berubah 660px menjadi 750px .... aku sudah meninggalkan Sidebar lebar yang sama, 220px.

Saya juga mengubah lebar untuk header-wrapper saya dan footer .... menjadi 750px. Catatan bahwa ini tidak diperlukan, tetapi lebih baik melakukannya ... demi simetri di Layout Anda ...

Itu saja. Ingat, ketika Anda mengubah lebar (adat) template Blogger Anda, elemen tertentu akan (bisa) dengan nama yang berbeda .... Jangan sampai membingungkan Anda! Kau tahu bagaimana elemen diatur di dalamnya .... dan pada akhirnya, its a 5 menit ... beberapa pekerjaan matematika sederhana + kesabaran .....

Jika Anda perlu bantuan, tanyakan .....