CARA MENGGANTI UKURAN HEADER BLOGSPOT

Kita bisa mempercantik blog di Blogger (Blogspot) dari pengaturan tema. Bisa mengganti warna widget, mengubah jenis tulisan, dll. Akan tetapi ada bagian yang tidak bisa kita utak atik melalui settingan bawaan, misal untuk memperkecil ukuran tinggi header, tidak bisa dilakukan karena sudah tersetting default minimum di situ, tidak bisa lagi digeser ke ukuran lebih kecil. Untuk mengatasinya kita bisa edit dari kode HTML. 

Masuk dari dashboard blogger, sebelah kiri klik menu tema, klik titik tiga tombol kanan, pilih edit HTML. Cari bagian Group description="Backgrounds".

Kita bisa atur bagian tinggi, body.background.height, minimal default yang tertera sebelumnya adalah di angka 420. Bagi saya itu masih kurang pas dengan yang saya mau. Lalu ubah minimal, default,  dan value jadi 100 px.  Lalu save, liat hasilnya header blog akan jadi lebih kecil. 

Untuk mengganti background header dengan gambar kita sendiri juga bisa kita atur dari sini. Dari variable body.background. Bagian value masukin kode warna background, lanjut url gambar. 

Gambar yang mau dijadikan header juga sesuaikan ukurannya, terutama tingginya. Kalau lebarnya kita ambil ukuran rata-rata dari beberapa layar HP, Tablet, PC, dan laptop. Kita ambil tengahnya lebar 500 pixel saja. Jadi fix buat gambar ukuran 100 * 500 pixel, karena pengaturan tinggi sudah di setting jadi 100. 

Bagian ujung dari value, ada opsi "no repeat fixed center center".

- No repeat fixed, itu artinya jika ukuran gambar lebih kecil dari ukuran header, dia tidak akan jadi berulang dan hanya satu gambar yang dipaskan. 

- center center, itu yang sudah saya ubah, sebelumnya top center. Opsi pertama untuk pengaturan gambar Vertikal (top, center, bottom), opsi kedua untuk pengaturan Horizontal (left,  center, right). Nah, supaya gambar yang kita buat bisa pas di semua layar gadget, apalagi header kita ada tulisan atau logo, supaya pas kita buat posisi vertikal jadi center. 

Untuk gambarnya kita siapkan dulu lalu upload ke halaman blog, buat halaman khusus untuk gambar, halaman ini bisa dipublish juga bisa tidak. Mengapa harus disimpan di blog kita sendiri? Saya sudah coba pakai url gambar dari situs lain, gambar tidak bisa tampil. Itu artinya gambar harus dari folder blog  kita sendiri. 

 

Setelah upload gambar, simpan lalu coba publish dulu untuk melihat alamat url nya. Setelah dapat url copy ke bagian value dari background. Ingat, url bukanlah url halaman blog, tapi url gambar. Caranya klik tekan gambar, lalu copy link, paste kan ke bagian url backround header tadi. 

Lalu simpan editan dan publish. Header sudah berganti sesuai yang kita inginkan. 😊

Demikian saja tutorial cara mengganti ukuran header blog dari saya. Selamat mencoba.