Skip to content Skip to sidebar Skip to footer

Widget Atas Posting

Cara Merubah Ukuran Header Viomagz Jadi Lebih Tinggi

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

M Hadi H, ST.
M Hadi H, ST. Sharing and building, berharap dapat berpartisipasi walaupun dalam hal kecil untuk kemajuan pengetahuan

Post a Comment for "Cara Merubah Ukuran Header Viomagz Jadi Lebih Tinggi"