Cara Memperbesar Ukuran Header Viomagz Dengan Mudah
Header pada suatu template merupakan elemen penting karena biasanya disana para blogger menyimpan logo blog atau website, menyimpan menu navigasi, dan menyimpan tombol-tombol penting yang berhubungan dengan suatu halaman yang ada dalam blog.
Nah, pada artikel ini saya akan membagikan sebuah tutorial blogger untuk pemula tentang cara merubah ukuran header template viomagz dengan hanya mengedit bagian CSS-nya saja.
Cara Mengubah Ukuran Header Viomagz
Untuk merubah ukuran header pada template viomagz agar menjadi lebih tinggi atau lebih pendek, maka Anda bisa mengikuti cara berikut ini.
- Buka Dashboard Blogger
- Pilih Menu Tema
- Klik Edit HTML
Selanjutnya, tekan CTRL+F dan ketikan /* HEADER */ lalu tekan enter.
Setelah ditemukan, maka Anda akan melihat kode CSS seperti di bawah ini.
/* HEADER */
#header-container {
background: $(header.background.kiri);
background: linear-gradient(to right, $(header.background.kiri), $(header.background.kanan));
-webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2);
box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2);
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 999;
height: 53px;Ganti nilai height sesuai keinginan Anda. Semakin besar nilainya maka semakin tinggi ukuran headernya, dan begitu pula sebaliknya.
Dengan mengubah ukuran tinggi header viomagz maka Anda bisa mengkustomisasi menu atau tombol sesuai dengan keinginan Anda.
Sebagai contoh, perhatikan header menu blog ini. Secara default, nilai height pada header template viomagz adalah 48. Namun karena saya ingin melakukan kustomisasi pada menu dan tombol header, maka saya tambahkan nilainya menjadi 53.
Apabila Anda ingin bisa mengkustomisasi menu pada header viomagz, maka silahkan baca artikelnya di blog ini. Selain itu, Anda juga bisa membaca cara mengubah ukuran logo pada header viomagz yang sudah saya tulis juga di blog ini.
Ok, jadi itulah cara mudah merubah ukuran header template viomagz.
Semoga bermanfaat.
Posting Komentar