Latest Games :
Home » » Cara Memperbesar Kolom Pada Blog

Cara Memperbesar Kolom Pada Blog

Jumat, 18 Mei 2012 | 0 komentar

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 melebihi width outer-wrapper. Karena bila melebihi, sidebarnya akan melorot.
Share this article :

Tidak ada komentar:

Posting Komentar

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Kumpulan Tutorial - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger