(edit) Melebarkan/Memperkecil Kolom Postingan di Blog

Nah, disini saya kepengen beragi pengalamanku awal mula bisa berjodoh dengan template impian. Ya memang pada akhirnya ketemu juga template yang sesuai keinginan hati kendati selama ini banyak bergonta-ganti template karena masih belum pas di hati. Jika sampean ingin
berganti template tidak ada salahnya lihat dan comot di blog-blog yang menyediakan template gratisan. Tapi benar-benar blog yang menyediakan unduhan ya. Untuk memasang template blog gratisannya bisa dilihat dengan klik Link Ini ya.

Ketika mendapatkan tapi sayangnya terkadang template bawaan ada saja yang kurang ngepas di hati. Alias kurang puas dengan ukuran kolom pada blog yang sudah tersedia.Aslinya memang sudah tersedia beberapa pilihan template blog yang sudah didesain pihak Blogger. Seperti Blogger hanya memberikan ukuran lebar blog sebesar 660 px, lalu dibagao antara mainbar (410 px) dan sidebar 220 px.

Kira-kira bagaimana caranya melebarkan kolom postingan blog?

Tenang saja ada trik khusus yang pernah saya coba dengan imbalan sakit kepala, tetapi demi pengunjung blog saya, tidak akan saya biarkan sampean2 mengalaminya juga. Karna wktu itu saya tergolong newbie/pemula dan alhamdulillah sekarang masih tetep NEWBIE.

Sip langsung ke pokok masalah, Inilah bagian yang sulit namun asik, kenapa? Karena kita akan mengoprak aprik script yang ada di dalamnya, Yang perlu di INGAT, sebelum melebarkan/memperkecil (mengedit) kolom-kolom pada blog, saya ingatkan untuk membackup template sampean terlebih dahulu untuk mengantisipasi jika nanti-nanti apa yang sampean lakukan tidak sesuai dengan keinginan atau malah lebih parah, maka dengan mudahnya sampean bisa mengambil Backup-an  Template tadi.

Cara Melebarkan Kolom Postingan

1.     masuk ke akun blogger anda

2.    Buka Tata Letak (Layout)

3.     Lalu pilih Edit HTML, kemudian carilah kode HTML sbb :

Header wrapper= melebarkan kolom header

 #header-wrapper {
width:660px;

Angka 660px diatas bisa diganti yang lebih besar. Disesuaikan keinginan semisal  880px

Outer-wrapper= melebarkan halaman blog

 #outer-wrapper {
width:660px

Andapun bisa mengganti 660px menjadi 880px. 

Perhatikan mengenai besar angkanya harus sama dengan besar angka pada bagian #header-wrapper diatas. 

Misalnya pada #header-wrapper diubah menjadi 880px, maka pada #outer wrapper ini besar angkanya juga harus 880px.

#footer {
width:660px;

Silakan ganti lagi angka 660px diatas dengan angka yang 

sama dengan #header-wrapper dan #outer-wrapper, yakni 880px;

barulah kemudian melebarkan bagian kolom pada blog :

Cara berikut membesarkan kolom sidebar atau main. 

Main wrapper= melebarkan kolom postingan blog

#main-wrapper

width :410px

 #sidebar-wrapper

width : 220px

silakan diutak-atik angka 410px menjadi 610px, dan angka 220px menjadi 240px. 

4.     Klik SAVE untuk menyimpan perubahan settingan yang dibuat.

Angka diatas merupakan sebatas gambaran saja tidak harus mutlak dengan ukuran yang sama. Berdasarkan keinginan masing-masing individu. Harap diingat selalu jumlah dari “width sidebar” dan “width main” tidak boleh melebihi “width outer-wrapper” Karena bila melebihi, mengakibatkan tampilan sidebar akan turun kebawah.

Bagi para blogger pemula, tidak ada salahnya kan untuk selalu mencoba yang baru, Demi perbaikan dan untuk kemajuan blog kita masing-masing. Selamat mencoba ya :)

Warning !

Terkadang setiap template tidak selalu sama, yang mengakibatkan postingan diatas bermakna salah maka jangan pernah bosan-bosan untuk terus belajar dan memahami setiap kata / kalimat (sintak)(script)(code) dll.

Tweet