Home » » Make Sidebar Menjadi 3 Buah

Make Sidebar Menjadi 3 Buah


Caranya adalah:

♀    Sign ke Blogger.
♀    Pilih Rancangan.
♀    Pilih Edit HTML.
♀    Back up dulu template anda.
♀    Tombol pada Expand Tempate Widgetnya tidak perlu dikasih tanda contreng.
♀    Cari kode #sidebar
♀    Copy kode dibawah in dan paste diatas kode tadi.

    #sidebaratas-wrapper {
    border: 1px solid #FFFFFF;
    background:#FFFFFF;
    width:470px;
    float:right;
    padding:5px;
    margin-top:10px;
    }

♀    Rubahlah kode tersebut sesuai dengan lebar dari kedua sidebar yang sudah ada dengan menjumlahkan width dari kedua sidebar ditambah padding dan margin.
♀    Contoh sidebar  (kode ini hanya untuk contoh saja)

    #sidebaratas-wrapper { /*Sidebar yang ditambahkan*/
    border: 1px none #FFFFFF;
    background:#0000b3;
    width:470px;
    float:right;
    padding:5px 5px .25em;
    margin-bottom:10px;
    }
    #sidebar-wrapper { /*sidebar lama*/
    width: 260px;
    float: $endSide;background:#0000b3; 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 {/*sidemar lama*/
    width: 200px;
    float: right;background:#0000b3; border:0px solid $bordercolor;white; padding:5px 5px .25em;
    psdding-left:5px;
    word-wrap: break-word;
    overflow: hidden;
    }

♀    Setelah selesai mengubah lebar sidebar baru, cari kode seperti ini :

    <div id='crosscol-wrapper' style='text-align:center'>
    <b:section class='crosscol' id='crosscol' showaddelement='no'/>
    </div>


♀    Copy kode dibawah ini kemudian paste tepat dibawah kode tadi :

    <div id='sidebaratas-wrapper'>
    <b:section class='sidebaratas' id='sidebaratas' showaddelement='yes'>
    </b:section>
    </div>


♀    Klik tombol Simpan Template.
♀    Selesai...Lihat Blog baru anda sekarang



♂    Jika sidebar atas ingin ditampilkan dalam bentuk kotak-kotak ikuti langkah berikut ini :

♂    Masih di edit HTML.
♂    Cari kode ini :
    /* Sidebar Content
    ----------------------------------------------- */

    Copy seluruh kode dibawah unu kemudian paste tepat dibawah kode tadi
    .sidebaratas {
    color: $sidebartextcolor;
    line-height: 1.5em;
    }

    .sidebaratas ul {
    list-style:none;
    margin:0 0 0;
    padding:0 0 0;
    }
    .sidebaratas li {
    margin:0;
    padding-top:0;
    padding-$endSide:0;
    padding-bottom:.25em;
    padding-$startSide:15px;
    text-indent:-15px;
    line-height:1.5em;
    }
    .sidebaratas .widget{
    background:#3D81EE;
    border:2px solid #66B5FF;
    margin:0 0 0.25em;
    padding:0.5em;
    }

♂    Ubahlah kode yang berwarna merah sesuai dengan keinginan anda
♂    Setelah selesai pengeditan, klik Tombol Simpan Template.
♂    Lihat perubahan pada blog anda.

♂ 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 . .