×

Owner / Author / Admin / etc

    Rahman NM    

"Pada halaman web ini saya akan membagikan informasi informasi menarik seputar Anime, Manga, Game, Film, dan juga berbagai tips-tips menarik lainnya."

Cara Mengubah Warna Header Template Viomagz

September 30, 2019   • Comment

Viomagz merupakan template yang sangat sering digunakan sebagai bahan percobaan untuk didesain ulang atau redesign. Dengan memiliki tampilan homepage yang sangat menarik dan sederhana, template ini banyak digunakan seorang blogger. Template ini merupakan hasil buatan dari Mas Sugeng, Yang merupakan hasil karya selanjutnya setelah template EvoMagz.

Alasan mengapa template VioMagz banyak digunakan selain dari memiliki tampilan homepage yang menarik dan sederhana, ada lagi yang alasan mengapa para blogger pemula ( seperti saya :D ) sering menggunakan ini adalah karna memiliki struktur kode yang sederhana dan mudah dipahami, dan tentunya struktur ini yang membantu. Kenapa ? Karena dengan mengetahui struktur kodenya kita bisa melakukan design ulang pada Template ini ( Seperti saya juga ).

Nah, bagi kalian yang ingin mengubah warna Gradasi Header pada template Viomagz, kalian dapat mengikuti cari ini, berikut tutorial bagaimana cara mengubah warna Gradiasi header template Viomagz :
1. Buka BloggerLogin → Pilih Theme ( tema ) → Klik Edit HTML.
2. Cari kode CSS Berikut  #header-container {
    Nanti kamu akan lihat CSS seperti dibawah ini 
/* HEADER */
#header-container {
background: $(header.background.kiri);
background: linear-gradient(to right, $(header.background.kiri), $(header.background.kanan)
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 999;
height: 48px;
}
3. Kemudian, didalam CSS tersebut bakalan ada kode seperti dibawah ini,
background: linear-gradient(to right, $(header.background.kiri), $(header.background.kanan));
( Ubahlah kode CSS ini $(header.background.kiri), $(header.background.kanan) menjadi Warna Kalian) Misalnya:
background: linear-gradient(to right, blueviolet, red);
Maka hasilnya akan seperti ini :


4. Untuk Menggunakan satu warna kalian dapat memasukkan warna yang sama, Misalnya :

background: linear-gradient(to right, blueviolet, blueviolet);
Maka hasilnya akan seperti ini :


5. Jika kamu ingin lebih dari 2 warna kamu dapat menambahkan warna lagi pada CSSnya, misalkan :

background: linear-gradient(to right, blueviolet, red, green);
Maka hasilnya akan seperti ini,


Untuk pemilihan warna kamu dapat mengambilnya dari w3schools color picker
Dan jangan lupa simpan template, karna jika tidak maka cara yang kamu lakukan akan sia sia jika tidak tersimpan.

Sekian tutorial dari saya cara mengubah warna header pada template Viomagz,
Jika artikel ini membantu silahkan share ke teman teman kamu.

Creativity of codes and exploiting, with code we can do something fun.
Facebook Instagram Twitter
Show Comments!
Hide comments

0 Response to "Cara Mengubah Warna Header Template Viomagz"

Kebijakan berkomentar :

Berkomentarlah dengan tata bahasa yang baik, agar orang tau sebijak apa karakter anda melalui kata-kata,

Silahkan berkomentar apapun selagi masih berhubungan dengan halaman postingan ini,

Dilarang berkomentar menggunakan Link Aktif,

Centang Notife Me agar mendapatkan notifikasi balasan komentar admin melalui Email.

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel

Iklan Tengah Artikel 2

Iklan Bawah Artikel

© Copyright 2020 Anirock Site - All Rights Reserved Created With