Browse: Home / / Cara Mengetahui Ukuran Header , Main Wrapper , Sidebar , Footer dan Halaman Blog Kita
Home » » Cara Mengetahui Ukuran Header , Main Wrapper , Sidebar , Footer dan Halaman Blog Kita

Cara Mengetahui Ukuran Header , Main Wrapper , Sidebar , Footer dan Halaman Blog Kita



  • Ini tuh penting banget loh buat kita2 para blogger pemula , khusus'ya lg buat yg mau ngedit template' , pastinya harus tahu dong ukuran dari' bagian2 tata letak blog'y . mulai dari header , main wrapper bla bla bla dan lainnya .

    Kebetulan kali ini aku mau posting caranya , ya moga2 aja berguna buat kalian ! kita langsung aja yach

    A. Untuk mengetahui ukuran header (tinggi sama lebarnya) 

    cari kode CSS ini :

     #header-wrapper{

    nanti akan ada kode lanjutannya yang kurang lebih kyk gini , (soalnya tiap template kan beda2 )
     
    #header-wrapper{
    background: #ffffff;
    width: 900px;
    height: 160px;
    font-size: 12px;
    margin: 0px auto 0px;
    padding: 0px;
    overflow: hidden;
    }
     keterangan :

    yang aku kasih warna kuning itu lebar headernya

    yang warna hijau adalah tingginya

    B. Untuk Mengetahui Ukurang Lembar Posting ( main wrapper )

    kalo yg ini kalian harus nyari kode di bawah ini :

    #sidebar-wrapper{

    contoh kode lengkapnya ky gini :
    #main-wrapper{
    float:left;
    width:590px;
    margin:0px 0px 5px 0px;
    padding:13px 10px 0px 10px;
    overflow: hidden;
    }
     
     keterangan :

    coba lihat tulisan width :590px , itu adalah lebar lembar posting kamu , kalau tingginya sih relatif tergantung berapa jumlah artikel yang mau kamu tampilin di bagian homepage

    C. Untuk Mengetahui Ukuran Sidebar 

    cari kode ini :
    #sidebar-wrapper{
     Contoh kode lengkapnya seperti ini :
    #sidebar-wrapper{
    float:left;
    width:320px;
    margin:13px 0px 5px 0px;
    padding:0px;
    line-height:19px;
    display: inline;
    }

     Keterangan :

    yang aku kasih warna merah itu adalah ukuran lebar sidebarnya.

    D. Untuk Mengetahui Ukuran Footer :

    cari kode ini ( cukup yang aku kasih warna hijau :)
    /* Footer
    ----------------------------------------------- */
    #footer {
     contoh kode lengkapnya kyk gini : :)
    /* Footer
    ----------------------------------------------- */
    #footer {
      width:950px;
      clear:both;
      margin:0 auto;
      padding-top:15px;
      line-height: 1.6em;
      text-transform:uppercase;
      letter-spacing:.1em;
      text-align: center;
    }
    keterangan :

    yang aku kasih warna biru itu adalah lebar footernya :)

    E. Mengetahui Ukuran Halaman Blog kita :)

    cari kode ini :
    #outer-wrapper {
    contoh kode lengkapnya kyk gini " :)
    #outer-wrapper {
    width: 660px;
    margin:0 auto;
    padding:10px;
    text-align:$startSide;
    font: $bodyfont;
    }
     keterangan :

    lihat tulisan warna kuning , itu ukuran lebar halaman blognya.

    begitulah sayang caranya , sekian dan semoga bermanfaat yach

Ditulis Oleh : Unknown ~ Tips dan Trik Blogspot Ebook Dan Game Dll

Christian angkouw Sobat sedang membaca artikel tentang Cara Mengetahui Ukuran Header , Main Wrapper , Sidebar , Footer dan Halaman Blog Kita. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya

:: Get this widget ! ::

Diposkan oleh

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)