Cara Merubah Ukuran Header Viomagz Jadi Lebih Tinggi

Kali ini kembali lagi saya ingin sedikit memberi tutorial bagaimana cara merubah ukuran header template fenomenal, Viomagz. Tutorial ini saya buat karena ada pembaca ilmubeton yang bertanya bagaiman cara Cara Merubah Ukuran Header Viomagz Jadi Lebih Tinggi yang ditanyakan melalui email.

Jika anda yang kebetulan membaca postingan ini belum tahu apa itu template viomagz, atau jika ingin tahu lebih banyak tentang tutorial lainnya mengenai cara mengedit Viomagz, bisa anda baca di >>Viomagz ! Template Blogger Responsive Yang Sangat Populer

Cara merubah header ukuran viomagz ini sebenarnya tidaklah sulit sulit amat. Tidak butuh skill programmer tinggi, hanya butuh ketelitian saat mencari kodenya di edit html.

Agar lebih mudah dipahami maka kita langsung praktekkan dengan mengedit langsung template viomagz berikut ini,

Tampilan awal sebelum header viomagz diubah

Ukuran yang akan kita rubah adalah header yang berwarna biru pada gambar, maka silahkan masuk ke menu dashboard blogger klik Theme dan edit html.

Dashboard Blogger

Lalu kita sudah masuk kemenu edit html, pada bagian ini kita akan menemukan banyak kode html. untuk mengedit bagian header maka kita akan mencari kode yang diterapkan untuk header. Untuk mencarinya ketik "ctrl" + "f" pada keyboard. lalu ketikkan Header kemudian tekan enter sampai menemukan kode berikut ini

/* HEADER */
#header-container {
background: #5b86e5;
background: linear-gradient(to right, #5b86e5, #36d1dc);
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 999;
height: 48px;
}

Jika pada saat mengetik ctrl + F yang muncul adalah pencarian seperti no 1 pada gambar diatas, berarti kamu belum mengklik area kode html nya, oleh karenanya sebelum mengetik ctrl + F maka sebelumnya letakkan kursor pada area html dengan cara mengklik sekali area kode html. Jika sudah benar maka akan muncul kolom pencarian seperti nomor 2 pada gambar diatas

Jika sudah ketemu kodenya, maka ubah angka pada kode height: 48px, misalkan kita ubah menjadi height: 100px.

lalu simpan dengan mengklik save theme kemudian lihat hasilnya. maka hasilnya akan seperti berikut ini

Lihat pada bagian header, ada perubahan ukuran tinggi header. Silahkan sesuaikan tingginya dengan mengubah angka height: 48px sesuai selera. Demikianlah postingan Cara Merubah Ukuran Header Viomagz Jadi Lebih Tinggi ini, semoga bermanfaat.