Home » , , , , » Tips,Trik, Cara Melebarkan Kolom Postingan

Tips,Trik, Cara Melebarkan Kolom Postingan

  1. Buka Tata Letak (Layout)

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

  3. 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 contohnya saja tidak harus mutlak dengan ukuran yang sama. Berdasarkan keinginan masing-masing individu. Harap diingat selalu jumlah dari "width sidebar" plus "width main" tidak boleh melebihi "width outer-wrapper". Karena bila melebihi,membuat tampilan sidebar melorot.

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

0 komentar:

Posting Komentar