Cara mengubah ukuran header

Cara mengubah ukuran header
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:

#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.

Cara merubah ukuran header
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 














5.Cari kode #header-wrapper { dengan menggunakan CTRL+F













Silahkan ber-eksperimen, semoga sharing cara mengubah / merubah ukuran header ini bermanfaat bagi blog anda.


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
Author Rating
4/ 5 Suara Dari 1001 Ulasan

Dapatkan artikel menarik lainnya : Klik disini
1 komentar... Terima Kasih Menjadi Pengomentar Pertama


January 2, 2012 at 8:56 PM  
Like

thks artikel ny

Tuliskan komentar pada form ini :

Adsense Indonesia
Template design by Armin | Cara Online
Powered by Blogger