Templete blogger VioMagz mempunyai ciri khas unik mulai pada menu header yang sticky, selain itu juga memiliki efek warna cantik yang berkarakteristik dasar campuran (fixed colors) Animasi Gradient Color elegan pada versi template terbaru MasSuggeng.
Nah, pada tutorial kali ini saya akan membuat sedikit perubahan simpel pada background header VioMagz yang keren menjadi lebih keren lagi yaitu dengan menambahkan kode CSS gradient life. Adapun fungsinya: beckground website memiliki tampilan efek warna yang hidup bisa berubah terus-menerus secara otomatis.
Ikuti langkah berikut:
1. Masuk ke blogger.
2. Pilih menu Tema > Edit HTML
4. Kemudian Save dan Lihat Hasil nya Akan Sama Seperti header blog Saya..
5. Maaf blog ini tidak bisa Di copas Jadi jika ingin script nya bisa contact mimin😀
BloggerTemplateTutorial
Nah, pada tutorial kali ini saya akan membuat sedikit perubahan simpel pada background header VioMagz yang keren menjadi lebih keren lagi yaitu dengan menambahkan kode CSS gradient life. Adapun fungsinya: beckground website memiliki tampilan efek warna yang hidup bisa berubah terus-menerus secara otomatis.
Modifikasi Header VioMagz menjadi Gradient
Berikut cara mengganti warna header templete VioMagz blogger menjadi color move life atau gradasi warna yang hidup.Ikuti langkah berikut:
1. Masuk ke blogger.
2. Pilih menu Tema > Edit HTML
3. Pada tab HTML cari kode </head> lalu Copy kode dibawah ini: kemudian Paste diatas </head>
<style>#header-container, #back-to-top{background:
linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);background-size: 400% 400%;-webkit-animation:
Gradient 15s ease infinite;-moz-animation: Gradient 15s ease infinite;animation:
Gradient 15s ease infinite;}@-webkit-keyframes
Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@-moz-keyframes
Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes
Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}</style>
4. Kemudian Save dan Lihat Hasil nya Akan Sama Seperti header blog Saya..
5. Maaf blog ini tidak bisa Di copas Jadi jika ingin script nya bisa contact mimin😀