18
Cara Memperbesar Kolom Blog

.
Sebelum kita masuk ke masalah ada baiknya kita mengenal dulu bagian- bagian dari templates blogger, maka sebuah template akan mempunyai tiga elemen penting, yaitu :
• Elemen Header
• Elemen Outer
• Elemen Footer
Untuk elemen Outer di bagi kembali menjadi :
• Elemen main, elemen main ini adalah elemen tempat kita menyimpan posting, jadi apabila kita memposting sebuah artikel maka akan masuk dan di tampilkan pada elemen ini

• Elemen Sidebar, elemen sidebar ini adalah merupakan elemen untuk menyimpan berbagai blog tools ataupun aksesori yang kita inginkan untuk mempercantik blog.


• Outer-Wrapper merupakan wadah untuk menyimpan main-wrapper serta sidebar-wrapper. Jadi jika kita ingin menambah kolom baru atau dengan kata lain sidebar baru, maka hal yang pertama wajib di lakukan adalah menambah nilai lebar dari Outer-wrapper itu sendiri

Ikuti langkah2 berikut ini tapi dengan catatan jangan mencentang Expand Widget Template, karena akan muncul kode-kode yang tidak saya mengerti

Nah Langkah pertama cari kode seperti dibawah ini

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
Ganti 660px menjadi 760px sehingga menjadi seperti bawah ini

#header-wrapper {
width:760px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
cari kode seperti dibawah ini

#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
Ganti 660px menjadi 760px dan scriptnya menjadi seperti dibawah ini

#footer {
width:760px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
nah untuk wadah nya istilahnya kita sudah memperlebar dari 660px menjadi 760px maka kolom sidebarnya bisa kita tambahin lebar 100px dan untuk menambahkan lebar sidebarnya kita tinggal mencari kode di bawah ini

#sidebar-wrapper {
width: 220px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

ganti 220px menjadi 320px ( atau selebar jumalah yang kita tambah tadi )jika kita ingin menambah lebar lagi tergantung berapa px yang kita tambah saat di #header-wrapper { dan footernya tadi,


jika yang ingin diperlebar main atau kolom utamanya yang biasanya berisi tentang postingan kita, maka kita tingagl cari kode di bawah ini

#main-wrapper {
width: 410px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Tapi ingat jika kita menambahkan lebar keduanya kita juga harus menambah jumlah px yang kita tambahkan di #header-wrapper, dan footer-wrapernya tadi


Bookmark and Share


18 komentar :

My Dream mengatakan... [Reply to comment]

nais inpo gan.. :D

Blogger Tutorial mengatakan... [Reply to comment]

Salam blogger

Ilmuini mengatakan... [Reply to comment]

kalau ingin mengmenggeser kontak komentar agar tidak terlalu mepet gimana gan?

Download game Gratis mengatakan... [Reply to comment]

terimakasih untuk tutorialnya kawan

unixs share mengatakan... [Reply to comment]

Terimakasih infonya gan, cara ini berhasil, memang kita hanya menyesuaikan ukuran nya dengan template kita . . .

unixs share

idhan mengatakan... [Reply to comment]

saya ga ketemu sama

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

ada d mana ya gan???

Ujie Caprone mengatakan... [Reply to comment]

@Idhan: Coba cari yg ini aja
#sidebar-wrapper

Ujie Caprone mengatakan... [Reply to comment]

@Ilmuini: ya sama aja tinggal cari "comment"..
Sebelum mencoba jangan lupa back up dulua ya, krn klu gagal bisa dikembalikan lagi. Jangan takut mencoba gan...

rihsan mengatakan... [Reply to comment]

mantap sob

internet gratis dan premium account liat di

>>www.kutas-s.blogspot.com

Muhammad Rizki Utama mengatakan... [Reply to comment]

tempat saya gak nemu #footer {
ada dimana ua gan?

Cara Memperbesar mengatakan... [Reply to comment]

makasih sharenya...

Imam mengatakan... [Reply to comment]

makasih mas..... tapi koq ada perbedaan ya antara template yan satu dengan template yang lain

Hunian Impian mengatakan... [Reply to comment]

Thanks Banget Infonya ya :)

Fastest Way to Lose Belly Fat mengatakan... [Reply to comment]

klo width:660px;
margin:0 auto 10px; itu kita tuliss terserahh gpp kan??

AFIQ HAFIZ mengatakan... [Reply to comment]

kalau template bawaan dari perancang template gemana mas...?, soalnya kode-kode:
#outer-wrapper {
#main-wrapper {
#sidebar-wrapper
mohon solusinya bang..???

islam news mengatakan... [Reply to comment]

top

Anonim mengatakan... [Reply to comment]

Produk dijamin asli.
Dina Shop : Barang yang Kami Tawarkan Semuanya Barang ASLI ORGINAL Garansi Resmi Distributor dan gransi TAM.
Semua Produk Kami Baru dan Msh Tersegel dLm BOX_nya.
BERMINAT HUB-SMS:0896-9198-6257 ATAU KLIK WEBSET RESMI KAMI DI http://dina-shop7.blogspot.com/.
BlackBerry>Samsung>Nokia>Apple>Acer>Dell>Nikon>DLL

BLACKBERRY
Asli Buatan Canada.
HARGA PROMO

BlackBerry 8230 Rp. 500.000
BlackBerry 8330 Rp. 500.000
BlackBerry 8700 Rp. 500.000
BlackBerry 8830 World Edition Rp. 500.000
BlackBerry 9330 kepler Rp. 1.100.000
BlackBerry Bold 9000 Rp. 1.100.000
BlackBerry Bold 965 Rp. 900.000
BlackBerry Bold 9700 (Onyx) Rp. 700.000
BlackBerry Bold 9780 (Onyx II) Rp. 800.000
BlackBerry Bold 9790 (Bellagio) Rp. 1,100.000
BlackBerry Bold Touch 9900 (Dakota) Rp. 1,500.000
BlackBerry Bold Touch 9930 (Montana) Rp. 1,200.000
BlackBerry Curve 3G 9300 (Kepler) Rp. 700.000
BlackBerry Curve 3G 9330 Rp. 700.000
BlackBerry Curve 8310 Rp. 550.000
BlackBerry Curve 8320 Rp. 600.000
BlackBerry Curve 8520 (Gemini) Rp. 500.000
BlackBerry Curve 8530 Rp. 550.000
BlackBerry Curve 8900 (Javelin) Rp. 700.000
BlackBerry Curve 9220 (Davis) Rp. 650.000
BlackBerry Curve 9320 (Armstrong) Rp. 700.000
BlackBerry curve 9330 cdma-berrindo Rp. 800.000
BlackBerry Curve 9350 Rp. 800.000
BlackBerry Curve 9360 (Apollo) Rp. 950.000
BlackBerry Curve 9370 Rp. 800.000
BlackBerry Curve 9380 (Orlando) Rp. 900.000
BlackBerry Pearl 3G 9100 Rp. 700.000
BlackBerry Pearl 3G 9105 Rp. 700.000
BlackBerry Pearl 8100 Rp. 500.000
BlackBerry Pearl 8120 Rp. 500.000
BlackBerry Pearl 8130 Rp. 500.000
BlackBerry Pearl Flip 8220 Rp. 600.000
BlackBerry Pearl Flip 8230 Rp. 500.000
BlackBerry PlayBook Rp. 1,200.000
BlackBerry PlayBook 64GB Rp. 1,200.000
BlackBerry PlayBook-32GB Rp. 1,200.000
BlackBerry porsche design p'9981 Rp. 4,8250.000
BlackBerry porsche design p'9981 Rp. 4,4500.000
BlackBerry Storm 9500 Rp. 700.000
BlackBerry Storm2 9520 Rp. 700.000
BlackBerry Storm2 9530 Rp. 600.000
BlackBerry Storm2 9550Rp. 650.000
BlackBerry Style 9670 Rp. 650.000
BlackBerry Torch 9800 Rp. 1,200.000
BlackBerry Torch 9810 Rp. 1,350.000
BlackBerry Torch 9850 Rp. 1,100.000
BlackBerry Torch 9860 (Monza) Rp. 1,400.000
BlackBerry Tour 9630 Rp. 650.000

SAMSUNG
Asli Buatan Korea.
HARGA PROMO

Samsung Galaxy Note II N7100 Rp 2.499.000.
Samsung Galaxy Chat B5330 Rp 1.220.000.
Samsung GT-E1205M Rp 145.000.
Samsung Galaxy Ace Duos S6802 Rp 1.525.000.
Samsung I8530 Galaxy Beam Rp 4.825.000.
Samsung Galaxy Ace 2 I8160 Rp 2.250.000.
Samsung I9300 Galaxy S III Rp 2.800.000.
Samsung I9070 Galaxy S Advance Rp 2.850.000.
Samsung Galaxy mini 2 S6500 Rp 1.400.000.
Samsung E1390 Rp 200.000.
Samsung Galaxy Ace Plus S7500 Rp 1.850.000.
Samsung S 5300 Galaxy Pocket Rp 850.000.
Samsung Galaxy Y Duos S6102 Rp 1.150.000.
Samsung C3312 Deluxe Duos Rp 500.000.
Samsung C3520 Rp 425.000.
Samsung E1232B Rp 200.000.
Samsung i9250 Galaxy Nexus Rp 2.250.000.
Samsung C3350 X Cover II Rp 750.000.
Samsung S5610 Rp 725.000.
Samsung C3330 Champ 2 Rp 525.000.
Samsung I8150 Galaxy W Rp 1.950.000.
Samsung GT-N7000 Galaxy Note Rp 1,700.000.
Samsung E1195 Rp 225.000.
Samsung Galaxy Y S5360 Rp 875.000.
Samsung i509 Galaxy Y CDMA Rp 875.000.
Samsung W139 Rp 350.000.
Samsung E2232 Rp 350.000.
Samsung I9100 Galaxy S II Rp 2.250.000.
Samsung C3322 Rp 400.000.
Samsung E1182 Rp 175.000.
Samsung E2152 Rp 425.000.
Samsung E2652 Champ Duos Rp 615.000.
Samsung S3850L Corby II Rp 550.000.
Samsung B7510 Galaxy Pro Rp 1.550.000.
Samsung Ch@t 322 Wi-Fi Rp 500.000.
Samsung GT-E1055T Rp 175.000.
Samsung GT-E3210 Rp 495.000.
Samsung I9003 Galaxy SL 4 GB Rp 1.850.000.
Samsung Nexus S i9023 Rp 1.350.000.
Samsung I9003 Galaxy SL 16 GB Rp 3.000.000.
Samsung Gio S5660 Rp 1.450.000.
Samsung Galaxy FIT S5670 Rp 1.200.000.
Samsung Samsung F480 - Rp 550.000.
Samsung Galaxy Mini S5570 Rp 900.000.
Samsung B6520 Omnia PRO 5 Rp 725.000.
Samsung S5253 Wave525 Rp 900.000.
Samsung i8510 innov8 Rp 875.000.
Samsung S5830 Galaxy ACE Rp 1.750.000.
Samsung S5333 Wave533 Rp 900.000.

Anonim mengatakan... [Reply to comment]

You really make it appear so easy together with your presentation but I in finding this matter to be actually one thing which I feel I
might by no means understand. It sort of feels
too complicated and very large for me. I am having a look forward
for your subsequent submit, I will try to get the dangle of it!


Feel free to visit my page talking about money (http://getglue.com/)

Posting Komentar

Silahkan tinggalkan komentar anda disini...

 
Ujie Caprone | © 2011 Blogger Template by Ujiecaprone.com