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.
Masuk Terlebih Dahulu ke Menu Edit HTML
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/
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
- Langkah 1 (Mengubah lebar keseluruhan template) Anda Cari Kode #wrapper dengan Menekan CTRL+F, kalau sudah akan tampil koding ibarat ini.
- Langkah 2 (Mengubah lebar sajian navigasi template) Anda Cari Kode #nav dengan Menekan CTRL+F, kalau sudah akan tampil koding ibarat ini.
- Langkah 3 (Mengubah lebar post template) Anda Cari Kode #post-wrapper dengan Menekan CTRL+F, kalau sudah akan tampil koding ibarat ini.
- Langkah 4 (Mengubah lebar Witged) Yang terakhir cari kode #sidebar-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).#wrapper {
background:$(wrapper.background.color);
max-width:764px;
margin:0 auto;
padding:0;
box-shadow:0px 0px 5px rgba(30, 30, 30, 0.08);
}
/* 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;
width:100%;
}
Sama dengan langkah 1 ubah ukuran max-width:764px; menjadi max-width:950px;.#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%;
}
/* 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#post-wrapper {
float:left;
width:100%;
margin:12px -160px 12px 0
}
.post-container {
margin:0 172px 0 0;
max-width:100%;
}
Dan ubah ukuran margin:0 172px 0 0; menjadi margin:0 312px 0 0;
/* SIDEBAR WRAPPER */
#sidebar-wrapper {
float:right;
width:160px;
margin:12px 0;
}
Ubah ukuran width:160px; menjadi width:300px;#sidebar-wrapper {
float:right;
width:160px;
margin:12px 0;
}
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/