Cara Mengubah Warna Bar Navigasi Viomagz Jadi Auto Gradient Keren Dengan Mudah

Cara Mengubah Warna Bar Navigasi Viomagz Jadi Auto Gradient Keren Dengan Mudah - Halo sob, apa kabar, semoga baik baik saja, pada kesempatan kali ini saya kan membagikan sebuah tutorial tentang bagaimana cara mengubah bar navigasi menjadi gradient otomatis, oh iya, kalian pasti sudah tau kan template viomagz karya Mas Sugeng ini, sejak pertama kali di luncurkan template ini sudah banyak peminat, tidak heran kalau kita sering menemukan blog yang menggunakan template ini. Selain design nya yang simple dan keren, template ini juga sangat responsive untuk semua jenis ukuran layar gadget. Template ini juga memiliki kecepatan loading yang sangat bagus, gambar di bawah merupakan hasil dari Page Speed Insight. 

Dari data diatas bisa kita lihat bahwa untuk kecepatan di mobile mencapai 99/100, tentunya loadingnya sangat cepat bukan, Buat kalian yang belum punya template premium ini bisa sobat dapatkan Di Sini.  Template ini juga sangat seo friendly, tidak heran karena pembuatnya sendiri adalah senior blogger sekaligus salah satu master seo Indonesia, jadi tak heran jika template buatannya bisa menjadi sangat seo friendly dan banyak di gunakan sampai sekarang. Hal ini di karenakan template ini dapat bersaing di page one google dengan mudah tapi tentunya semua itu di pengaruhi oleh kualitas artikel sobat. Oke sob, setelah membaca review singkat tadi mari kita lanjut ke topik utama yaitu bagaimana cara mengubah warna bar navigasi viomagz menjadi warna otomatis 

Buat kalian yang penasaran tentang bagaimana cara mengubah warna Navigasi bar viomagz menjadi otomatis, silakan simak langkah langkahnya di bawah ini.

• Langkah pertama silakan sobat masuk ke blogger sobat lalu silakan masuk ke Theme >> Edit Html.
• Selanjutnya silakan sobat cari kode </head> dengan cara tekan CTRL + F pada keyboard untuk melakukan pencarian
• selanjutnya silakan Copy kode di bawah ini

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

• selanjutnya pastekan tepat di bawah kode </head>
• Setelah Itu silakan sobat simpan kemudian silakan lihat blog sobat

Setelah setelah semua proses diatas selesai, silakan sobat cek blognya, apakah warna navigasinya berubah, jika sudah, berarti prosesnya telah berhasil. Cara ini bisa kalian terapkan di template viomagz versi terbaru dan versi terdahulu. cara ini sendiri sudah saya coba sendiri dan berhasil.

bagaimana, mudah kan, sobat juga bisa kombinasikan beberapa kode warna yang terdapat dalam script tersebut. Oke sob, sekian dulu postingan saya kali ini, apabila ada pertanyaan silakan sobat tinggalkan komentar. Semoga bermanfaat.

Andi Fajrin

Seorang pemuda yang tertarik dengan hal hal baru terutama yang berkaitan dengan dunia IT.

Share this post

Berlangganan update artikel terbaru via email: