Merubah Ukuran Header Blog-Panjang-Lebar-Header-Blog

Cara Mudah Mengatur Ukuran Header Blog

Pada kesempatan kali ini, kita akan belajar , Bagaimana caranya merubah ukuran header blogspot ? 
Terkadang ada blogger yang telah mendesain sendiri gambar header untuk blognya tetapi setelah diterapkan diblog ternyata ukuran gambar header yang telah didesain sebelumnya ternyata tidak pas dengan ukuran header diblog. Maka dari itu banyak para blogger yang lebih memilih mencari tahu cara untuk merubah ukuran header diblog ketimbang harus bersusah payah untuk mendesain ulang gambar headernya yang telah jadi.

Untuk merubah ukuran header blog ini, banyak juga dari para blogger yang mengalami kesulitan. Karena untuk merubah ukuran header memang membutuhkan kemampuan otak-atik kode HTML. Tapi itu dulu, sekarang blogspot telah memberi kita kemudahan. Kita bisa merubah header blog tanpa harus mati-matian belajar CSS atau HTML. Caranya gampang, ikuti langkah berikut ini. Oh iya, metode ini khusus bagi blogger yang menggunakan template standar dari blogspot. Seperti blog ini menggunakan template sederhana. Metode ini pun telah berhasil saya terapkan di blog ini. 

Pertama-tama kita harus memastikan terlebih dahulu ukuran lebar dan panjang atau width-height dari gambar header yang ingin kita tembatkan pada header blog kita. Caranya klik kanan gambar header yang ingin digunakan, lalu pilih properties, pilih details dan lihat ukuran width-height gambar headernya pada bagian image seperti contoh gambar dibawah ini

Setelah ukuran width-height dari gambar header yang ingin kita pakai telah dipastikan kita masuk kelangkah selanjutnya untuk menyesuaikan gambar header yang telah dipasang pada blog kita sebelumnya. Silahkan ikuti langkah dibawah ini :

1. Seperti biasa login ke akun blogspot Anda dan masuk ke dasbor. Pilih blog yang ingin kita atur ukuran headernya.
2. Selanjutnya pilih Menu 'Template' dan klik 'Sesuaikan' 
   
3. Anda akan dibawa kehalaman pengaturan antar muka. Untuk mempermudah penyesuaian gambar header kita nantinya teman-teman dapat mencoba mengubah warna latar luar, latar utama dan latar header blog terlebih dahulu agar bisa membedakan hasil perubahan nantinya. Degan cara berikut ini, Masuk ke tab 'Tindak Lanjut' lalu pilih 'Latar' dan silahkan teman-teman merubah warna latar luar, latar utama dan latar header blog sesuai kebutuhan sambil menyesuaikannya dengan melihat dikolom bawah pratinjau tampilan yang telah disediakan diblog. 
   
4. Langkah selanjutnya, tarik kursor Anda hingga kebawah lalu pilih 'Tambahkan CSS'. Anda akan diberi kolom isian. Selanjutnya tinggal copy-paste script dibawah ini dan merubah ukurannya sesuai kebutuhan. Setelah ukurannya telah diatur untuk menyelesaikan perubahan yang telah diatur pilih dan klik Menu Perintah "Terapkan ke Blog" yang ada dipojok kanan-atas blog teman-teman.

.header-outer{ left:0px; width:920px; height:142px; bottom:15px; } 

Penjelasan Script : 

• left:0px, : merupakan kode untuk mengatur kerapatan sisi kanan header dengan tampilan layar, silahkan angkanya dirubah-rubah sesuai keinginan Anda dengan mencocokan perubahan preview yang tampak pada halaman desain blogger hingga sudah merasa cocok. 
• width:920px, : merupakan kode untuk menyesuaikan panjang header di sisi kanan, silahkan di sesuaikan angkanya menurut selera Anda. 
• height:142px, : merupakan kode untuk merubah ukuran tinggi header, seperti biasa silahkan di sesuaikan dengan selera Anda. 
• bottom:10px, : merupakan kode jarak dari bagian bawah, jadi jika angka ini dirubah/diperbesar maka akan ada jarak antara header dengan widget yang ada pada bagian bawah header. 

Sekian artikel mengenai cara merubah ukuran header blog yang dapat saya bagikan semoga berguna dan dapat membatu teman-teman blogger yang lain. Silahkan bertanya melalui kolom komentar yang telah disediakan dibawah jika ada yang kurang dimengerti. Jangan lupa baja juga artikel mengenai Cara Membuat Read More Otomatis Pada Blog untuk membuat tampilan blog teman-teman blogger menjadi lebih menarik dan lebih ringan saat diloading seperti contoh halaman awal blog ini. 

Tweet