Tuesday 24 March 2015

Trik HTML- Melebarkan Kolom Posting dan sidebar di Blog

Note:
  • Untuk sample template yang saya edit adalah template yang terdiri dari 1 main-wrapper (kolom posting) dan 2 Sidebar (kanan kiri)
  • Review tampilan dashboard 2015

Langkah-langkahnya sebagai berikut:
1. Pilih Template >> Edit HTML (lihat gambar)


2. Pilih Panah (lihat gambar)
  •    Untuk pengaturan lebar kolom template biasanya di bagian ini.
 

3. Perlu diketahui, sebelum ke pokok permasalahan yakni pengaturan lebar kolom posting dan sidebar, Untuk:
  • #header-wrapper {
  • #outer-wrapper {
  • #footer {
Harus memilihi width/lebar yang sama.

Kemudian cari kode :
  • #header-wrapper {
Sesuaikan width-nya, misal dari 900px menjadi 1200px
  • #outer-wrapper {
Sesuaikan width-nya, misal dari 900px menjadi 1200px
  • #footer {
Sesuaikan width-nya, misal dari 900px menjadi 1200px


4. Selanjutnya, berikut untuk pengaturan lebar kolom posting dan sidebar

a. Pengaturan lebar kolom posting
  • #main-wrapper {
Sesuaikan width-nya, misal dari 440px menjadi 540px

b. Pengaturan lebar sidebar kiri
  • #sidebar-wrapper {
Sesuaikan width-nya, misal dari 220px menjadi 320px

c. Pengaturan lebar sidebar kanan
  • #newsidebar-wrapper {
Sesuaikan width-nya, misal dari 220px menjadi 320px


5. Kemudian Simpan Template dan lihat hasilnya


SELAMAT MENCOBA
HAPPY BLOGING


0 komentar:

Post a Comment

  © Ratna-Always For You The Transformers by Blog Tips And Trick 2009