Home » » Cara Memperbesar Kolom Blog

Cara Memperbesar Kolom Blog

Posted by INFO COMPUTER on Monday, September 12, 2011

Mungkin selama ini kita merasa jemu atau kurang puas dengan ukuran kolom pada blog kita. Memang pada awal kita membuat blog, kita hanya disuguhkan beberapa Template pilihan yang sudah dirancang pihak Blogger. Memang blogger hanya memberikan ukuran lebar blog sebesar 660px yang kemudian dibagi antara sidebar (220px) dan main (410px).

Bisakah kita memperbesar kolom-kolom pada blog kita?? jawabannya tentu bisa dong.
Makanya baca dulu artikel ini sambil mempraktekkannya. Oke coy, go !! Yang semangat yahh..

Sebelum melebarkan kolom-kolom pada blog kita, langkah pertama yang harus kita lakukan adalah melebarkan dulu "ruang buka blog kita". Ini wajib dilakukan, karena bila tidak sidebarnya bisa melorot kebawah.

Okeh broo..
Sudah sign in belum?? kalau belum ya harus sign in dulu. Kalau udah, ikuti langkah-langkah dibawah ini :

Klik Tata Letak
Klik Edit Html

Silakan temen cari kode-kode dibawah ini :


#header-wrapper {
width:660px;
Angka 660px diatas silakan temen ganti dengan angka yang lebih besar. Misalnya 880px

Trus cari lagi kode dibawah ini :
#outer-wrapper {
width:660px

silakan temen ganti lagi angka 660px menjadi 880px. Harus diingat, besar angkanya harus sama dengan besar angka yang temen ganti pada bagian #header-wrapper diatas. Misalnya pada #header-wrapper temen menggantinya menjadi 880px, maka pada #outer wrapper ini besar angkanya juga harus 880px. Karena jika berbeda tampilan blog kamu akan mirip seperti muka grandong.

oke lanjut...!!

cari lagi kode di bawah ini :

#footer {
width:660px;
Silakan ganti lagi angka 660px diatas dengan angka yang sama dengan #header-wrapper dan #outer-wrapper, yakni 880px;

Oke boz...step memperbesar "ruang buka" blog sudah selesai !!

sekarang kita lanjut kepada membesarkan kolom-kolom pada blog kita.

Bagian-bagian kolom pada blog :

Di step ini kita coba membesarkan kolom sidebar atau main. Silakan cari kode-kode dibawah ini :

#main-wrapper {
width: 410px;

#sidebar-wrapper {
width: 220px;

silakan ganti angka 410px menjadi 610px, dan angka 220px menjadi 240px.
selanjutnya Simpan

*) angka diatas merupakan contoh dari saya yang tidak harus menjadi ketetapan seperti itu. Teman-teman juga bisa merubahnya dengan angka lain sesuai dengan selera masing-masing. Tapi harus diingat, jumlah dari width sidebar + width main tidak boleh melebihiwidth outer-wrapper. Karena bila melebihi, sidebarnya akan melorot.

Thanks for reading & sharing INFO COMPUTER

Previous
« Prev Post

0 comments:

Post a Comment

Search