Home » » Mengubah Lebar Sidebar

Mengubah Lebar Sidebar




Pada postingan sebelumnya kita membahas cara menambah sidebar. Postingan kali ini akan memaparkan cara-cara untuk mengubah kolom pada templat (header wrapper, outer wrapper, main wrapper, sidebar wrapper dan sidebar baru wrapper)
Caranya tidak sulit, anda hanya tinggal mengganti angka-angka pada kolom template yang ingin diubah lebarnya.
Kita langsung ke kode HTML untuk mengubah angka-angka pada kolom teplate. Sebagai contoh, dibawah ini merupakan ukuran kolom template yang digunakan dalam Blog Lain. Silahkan anda simak.

1. Masuk ke Blogger
2. Pilih Rancangan bagian Edit HTML
3. Cari kode seperti dibawah ini
4. Ingat kode contoh yang ditampilkan merupakan kode dari Template Tata Letak. Jadi kalau kode yang anda cari tidak ketemu berarti templatenya berbeda

    /* Header
    -----------------------------------------------
    */

    #header-wrapper {
    width:990px;
    margin:0 auto 10px;
    border:1px solid $bordercolor;
    }
    #outer-wrapper {
    width: 990px;
    margin:0 auto;
    padding:10px;
    text-align:$startSide;
    font: $bodyfont;
    }
    #main-wrapper {
    width: 480px;
    float:$startSide;background:#C3D9FF;border:0pxsolid $bordercolor;#0066cc;padding:15px 15px .25em;
    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 */
    }
    #sidebar-wrapper {
    width: 260px;
    float: $endSide;background:#0066CC; border:0px solid $bordercolor;white; padding:5px 5px .25em;
    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 */
    }
    #sidebarbaru-wrapper {
    width: 200px;
    float: left;background:#0066CC; border:0px solid $bordercolor;white; padding:5px 5px .25em;
    psdding-right:5px;
    word-wrap: break-word;
    overflow: hidden;
    }

Dalam pengaturan ukuran kolom template,lebarnya harus disesuaikan dengan dengan lebar header wrapper/outer wrapper (dalam px=pixel) dari contoh diatas memiliki lebar 990px. Dalam pengaturan berikutnya jumlah dari lebar : main wrapper, sidebar wrapper dan sidebar baru wrapper harus berjumlah 990px (sama dengan lebar header wrapper/outer wrapper)
Untuk lebih jelasnya kita lihat perinciannya :

♀Lebar Main wrapper = 480px, padding = 15px+15px=30px, jumlah 510px
♀Lebar Sidebar wrapper = 260px, padding = 5px+5px=10px, jumlah = 270px
♀Lebar sidebar baru wrapper = 200px, padding = 5px+5px=10px, jumlah = 210px
♀Lebar Main wrapper + sidebar wrapper + sidebar baru wrapper = 510px + 270px + 210px = 990px

Setelah selesai mengotak-atik angka pada kolom template, klik Simpan Template

♂ Good Luck ♀

Semua ini adalah apa yang pernah aku cobain sendiri . . dan aku dapat/mengerti dari teman2 blogger lainnya karena aku hanya seorang blogger pemula yang ingin mengetahui lebih banyak hal lagi . . . . Thank's
Share
Related Post

0 comments:

Archives

Label


ShoutMix chat widget
Guest Book
 

Subscribe Via Email

Enter your email address:

Delivered by FeedBurner

My Blog

Show

Exploration


Show

[Valid Atom 1.0]
Google PageRank Checker Powered by  MyPagerank.Net

Powered by FeedBurner

SEO Stats powered by MyPagerank.Net

Show

Show

Exploration

Welcome To My Blog

I hope you find what you're looking for here . . Thank you for visit to my simple blog . .

Rizky Maulana

This life is a sacrifice and struggle . . and I am just a man who wants to be better than ever . .