Lompat ke konten Lompat ke sidebar Lompat ke footer

Tutorial Mengatur Ukuran Lebar Di Template Brosense V2

Masih diantara kalian masih memakai template Brosense V2 hingga ketika ini, kalau iya berarti sama ibarat saya. Disini aku akan share bagai mana Mengatur Ukuran Lebar di Template Brosense V2.


Mungkin diantara kalian Mengeluh ukuran template Brosense V2 terlalu kecil?. Tapi tidak tahu bagai mana cara mengatur ukurannya. Bagi anda yang sedang cari tahu bagaimana cara mengatur lebar template Brosense V2 ini, berikut aku akan menunjukkan isyarat dan dapat di setting sesuai impian anda.

Sebelumnya anda harus mengetahui sedikit pengkodingan HTML kalau tidak mengerti sama sekali, mari ikuti petunjuk yang akan aku berikan.

Masuk Terlebih Dahulu ke Menu Edit HTML
  • Log In ke Blogger
  • Pilih Menu Tema
  • Klik Edit HTML
Kalau sudah masuk, pribadi ketutorialnya.
  1. Langkah 1 (Mengubah lebar keseluruhan template)
  2. Anda Cari Kode #wrapper dengan Menekan CTRL+F, kalau sudah akan tampil koding ibarat ini.
    /* WRAPPER */
    #wrapper {
    background:$(wrapper.background.color);
    max-width:764px;
    margin:0 auto;
    padding:0;
    box-shadow:0px 0px 5px rgba(30, 30, 30, 0.08);
    }
    Ubah Ukuran max-width:764px; menjadi max-width:950px; (kenapa kok 950px alasannya itu ialah ukuran standar google).

  3. Langkah 2 (Mengubah lebar sajian navigasi template)
  4. Anda Cari Kode #nav dengan Menekan CTRL+F, kalau sudah akan tampil koding ibarat ini.
    /* MENU NAVIGATION */
    #nav {
    font:$(navigation.menu.font);
    background:$(menu.background.color);
    border-top: 1px solid $(menu.border.top.color);
    border-bottom:1px solid $(menu.border.bottom.color);
    margin:0 auto;
    padding:0 0;
    text-transform:uppercase;
    display:inline-block;
    max-width:764px;
    width:100%;
    }
    Sama dengan langkah 1 ubah ukuran max-width:764px; menjadi max-width:950px;.

  5. Langkah 3 (Mengubah lebar post template)
  6. Anda Cari Kode #post-wrapper dengan Menekan CTRL+F, kalau sudah akan tampil koding ibarat ini.
    /* POST WRAPPER */
    #post-wrapper {
    float:left;
    width:100%;
    margin:12px -160px 12px 0
    }
    .post-container {
    margin:0 172px 0 0;
    max-width:100%;
    }
    Ubah ukuran margin:12px -160px 12px 0 menjadi margin: 12px -300px 12px 0
    Dan ubah ukuran margin:0 172px 0 0; menjadi margin:0 312px 0 0;

  7. Langkah 4 (Mengubah lebar Witged)
  8. Yang terakhir cari kode #sidebar-wrapper dengan Menekan CTRL+F, kalau sudah akan tampil koding ibarat ini.
    /* SIDEBAR WRAPPER */
    #sidebar-wrapper {
    float:right;
    width:160px;
    margin:12px 0;
    }
    Ubah ukuran width:160px; menjadi width:300px;
Jika sudah mengikuti cara diatas tinggal save, kemudian lihat perubahannya!

Seperti itulah Tutorial Mengatur Ukuran Lebar di Template Brosense V2 miliknya Mas Sugeng, aku juga menerapkan ukuran yang aku gunakan ketika ini. Semoga bermanfaat.
Bantu share ya supaya semua orang tahu...
Terima Kasih!
Sumber https://ferygg.blogspot.com/