 |
| Blogger.id |
Hello sobat blogger pembahasan kita pada kesempatan kali ini adalah tentang bagaimana cara mengedit template yang sangat populer dikalangan blogger Indonesia yakni template viomagz. Viomagz adalah salah template yang dibuat dan dipublikasikan oleh seorang blogger ternama yakni Mas. Sugeng Riyadi atau yang sering dipanggil Mas. Sugeng.
Tujuan artikel ini adalah tentang bagaimana cara membuat efek warna - warni, atau efek warna berubah - ubah di header, maupun footer template viomagz yang juga sering diartikan dengan "Cara Membuat Gradasi Warna di Header Template Blogger". Dengan cara ini template yang anda gunakan saat ini akan terlihat lebih berwarna dan lebih enak dipandang.
Cara Membuat dan Memasang Background Gradasi Warna di Viomagz
Berikut ini adalah cara mudah membuat gradasi warna atau efek warna berubah di header template viomagz.
- Pertama - tama akses halaman blogger.com
- Selanjutnya klik Theme >> Klik Customize / anda juga bisa menggunakan edit html. Tapi disini saya akan menggunakan menu Customize.
- Berikutnya menuju atau klik advance. Lalu akan terlihat kotak Add Css.
- Lalu silahkan anda copy Code CSS berikut ini dan letakkan di kolom Add Css di menu advance.
#header-wrapper, #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%}}- Tunggu beberapa saat hingga terjadi perubahan.
- Terakhir klik save.
Demikianlah informasi dan tutorial singkat cara edit header viomagz agar backgroundnya berubah berwarna - warni, perlu digaris bawahi mungkin tutorial ini juga work untuk beberapa template blogger begitu pula sebaliknya.
Jadi, anda bisa mencoba tutorial ini di template selain viomagz dan jika work maka kemungkinan besar struktur dasar template tersebut hampir mirip dengan template Viomagz tapi jika tidak berhasil maka anda mungkin harus edit template tersebut melalui menu Edit HTML.
