Masih seputar header, hari ini kita belajar tentang Cara mengubah ukuran header setelah Kemarin kita membahas tentang Cara merapatkan header dengan navbar.
Apa kegunaannya ? Selain untuk meletakkan iklan disamping / disebelah header, juga Yang
saya tau gunanya adalah untuk meringankan loading blog pada header yang terjadi ketika pertama kali kita membuka halaman blog, karena gambar latar header yang kita upload sizenya lebih kecil daripada ukuran header yang normal.
Untuk memodifikasinya, silahkan anda menuju halaman edit HTML dan cari kode:
#header-wrapper {
kode diatas adalah inti dari proses kita untuk mengubah ukuran header.
Ketika anda menemukan kode tersebut, maka anda akan menemukan struktur seperti dibawah ini:
Struktur diatas adalah struktur pada template milik saya.
Silahkan anda mengatur / merubah setiap ukuran margin, padding, width, background & border pada template anda.
Bagi yang masih bingung langkah - langkahnya, saya jelaskan dari awal:
1.Login Blogger
2.klik rancangan,
3.menuju Edit HTML,
4.lalu centang
Apa kegunaannya ? Selain untuk meletakkan iklan disamping / disebelah header, juga Yang
saya tau gunanya adalah untuk meringankan loading blog pada header yang terjadi ketika pertama kali kita membuka halaman blog, karena gambar latar header yang kita upload sizenya lebih kecil daripada ukuran header yang normal.
Untuk memodifikasinya, silahkan anda menuju halaman edit HTML dan cari kode:
#header-wrapper {
kode diatas adalah inti dari proses kita untuk mengubah ukuran header.
Ketika anda menemukan kode tersebut, maka anda akan menemukan struktur seperti dibawah ini:
#header-wrapper {
margin: 1px 0px 1px 0px;
padding: 1px;
width: 470px;
background: $headerbgColor;
border: 1px solid $headerBorderColor;
}
#header {
width: 470px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}
Struktur diatas adalah struktur pada template milik saya.
Silahkan anda mengatur / merubah setiap ukuran margin, padding, width, background & border pada template anda.
Contoh setelah di rubah
Bagi yang masih bingung langkah - langkahnya, saya jelaskan dari awal:
1.Login Blogger
2.klik rancangan,
3.menuju Edit HTML,
4.lalu centang
Review:
Judul | Cara mengubah ukuran header |
Deskripsi | Masih seputar header , hari ini kita belajar tentang Cara mengubah ukuran header setelah Kemarin kita membahas tentang Cara merapatkan head... |
Author | Unknown |
Author Rating |
4/
5 Suara Dari 1001 Ulasan
|
Dapatkan artikel menarik lainnya : Klik disini
1 komentar... Terima Kasih Menjadi Pengomentar Pertama
BLOGGER
- Cara menghapus blog dengan mudah dan singkat
- Cara modifikasi template blog kreasi sendiri
- Cara membetulkan histats yang error
- Memantau trafik lewat facebook insights
- Cara membuat 2, 3, 4 kolom footer blog
- Bagaimana Cara saya menjadi blogger master
- Komentar admin menjorok ke dalam seperti wordpress
- Cara membuat komentar blogspot seperti wordpress
- Efek CSS mempercantik link di sidebar
- Membuat navigasi horizontal sublevel sesuai selera
- Cara membuat efek air pada gambar blog
- Ikon cantik pada older newer post
- Cara menampilkan foto di komentar blog
- Cara membuat buku tamu di blog
- Cara mendapatkan alamat feed blog
- Cara menghapus entri blog
- Panduan untuk meringankan blog anda
- Cara cek loading blog
- Cara mendapatkan hadiah dari google
- Cara berhenti menjadi followers blog
- Cara manual menjadi followers blog
- Tips nge-blog: ingat sekarang era panda !
- Cara membuat blog gratis dalam 3 langkah mudah
- Cara alami menghadapi google panda
- Cara membuat template blog kreasi sendiri
thks artikel ny