search

Cara Mengubah Ukuran Header di Blogger

18 Januari, 2014

Seringkali seorang blogger merasa jenuh dengan tampilan standar pada blog yang dibuatnya sendiri. Kunci untuk merubah tampilan pada blog tidak bisa lepas dari struktur template dan bagian yang paling sering dirubah adalah ukuran header, sidebar, dan halaman posting. Agar lebih mudah, mari kita simak beberapa istilah yang nantinya akan kita gunakan untuk mengubah ukuran headernya:
  • header-wrapper, merupakan halaman title dan deskripsi blog.
  • outer-wrapper, merupakan halaman body secara keseluruhan.
  • sidebar-wrapper, merupakan halaman tempat widget diletakkan.
  • footer-wrapper, merupakan halaman catatan kaki.
Dengan menggunakan istilah-istilah tersebut maka kita dapat mencari masing-masing bagian pada template blog serta bisa langsung mengubah ukuran header sesuai dengan yang diinginkan. Berikut adalah contoh untuk mengubah ukuran header pada blog kita:
  1. Lakukan login pada blog anda
  2. Klik menu 'Template' - 'Edit HTML'
  3. Tekan tombol CTRL+F pada keyboard anda
  4. Kemudian ketik: #header-wrapper (apabila tidak ketemu, coba dengan keyword header-wrapper tanpa menggunakan tanda #)
  5. Perhatikan beberapa baris dibawahnya!
Sebagai contoh, keterangannya akan tampak seperti dibawah ini:
#header-wrapper
width:900px;
height:120px;

Cara membacanya yaitu lebar 900px dan tinggi 120px.
Sebagai catatan, secara default ukuran yang ada pada header biasanya hanya lebarnya (width) saja. Untuk tinggi ditambahkan kemudian jika kita ingin memasang gambar pada header.
Untuk mengubah lebar dan tingginya kita tinggal mengubah angka tersebut sesuai dengan yang diinginkan. Langkah ini juga bisa untuk mengubah bagian sidebar dan halaman posting.


Tidak ada komentar:

Posting Komentar

Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.