Utak-Atik Ukuran Column Blogger


Ternyata makin banyak teman-teman di kampus yang membuat blog, menambah semaraknya dunia blogging. Tutorial ini dibuat untuk membantu teman-teman yang masih bingung dengan urusan tempe goreng template Blogger.

Ada pun tujuan tutorial ini adalah :
1. Agar tidak perlu menjelaskan tentang editing template di kantin Fakultas.
2. Agar mendapatkan kopi gratis dari yang merasa terbantu.
3. Kalau pun tutorial ini tidak membantu, saya TETAP MINTA KOPI GRATIS!!!

Merubah Ukuran Column Blogger

Sebagai korban percobaan, saya menggunakan template Minima.

Di Dashboard Blogger :

1. Klik Layout
2. Klik Edit HTML
3. TIDAK PERLU mencontreng kotak di samping tulisan Expand Widget Templates
4. Cari baris kode berikut. (tekan ctrl + F untuk menggunakan fasilitas "Find" dari browser)

Kode untuk bagian Header

#header-wrapper {
width:660px;

Kode untuk bagian Body

#outer-wrapper {
width: 660px;

Kode untuk bagian Posting

#main-wrapper {
width: 410px;

Kode untuk Sidebar

#sidebar-wrapper {
width: 220px;

Kode untuk Footer

#footer {
width:660px;

Untuk mengubah ukuran column, cukup ganti nilai dari width sesuai dengan keinginan. Resolusi standard untuk komputer dan monitor jaman bebek telanjang (seperti komputerku) biasanya 1024 x 768. Karena itu agar kelihatan rapi, usahakan lebar blog tidak melebihi 1024 pixel.

Template yang di download biasanya memiliki kode yang berbeda dengan yang diatas. Untuk mengedit template download, tinggal cari kode untuk column yang ingin diedit.

Coba utak-atik ukuran header, body dan footer menjadi 960 pixel.

#header-wrapper {
width:960px;

#outer-wrapper {
width: 960px;

#footer {
width:960px;

Hasilnya seperti ini.



Atau dilihat di blog yang menjadi korban editing template.

Bagian posting dan sidebar tidak diutak-atik ukurannya sehingga ada ruang kosong di antara keduanya. Nantinya ruang kosong itu akan diisi dengan sidebar tambahan sehingga menjadi 3 column.

Baca disini jika ingin mengubah template Blogger 2 column menjadi 3 column.

Jika ingin templatenya tetap 2 column, ganti kode di bagian posting agar sesuai dengan template yang telah dilebarkan.

#main-wrapper {
width: 710px;

Jika selanjutnya ingin merubah ukuran bagian sidebar, jangan lupa untuk menyesuaikan dengan ukuran bagian posting. Misalnya sidebar ditambah 100px menjadi 320px, bagian posting harus dikurangi 100px sehingga menjadi 610px. Begitu juga sebaliknya.
Share: