Cara Mengubah Warna Gradasi Background Header Blog Viomagz - SeriesWans

Cara Mengubah Warna Gradasi Background Header Blog Viomagz - Hallo sahabat blogger dan serieswans, apa kabar hari ini ? semoga baik-baik saja. Nah, pada kesempatan kali ini saya akan share tutorial untuk mengubah warna background header blog menjadi warna gradient atau gradasi warna. banyak sekali para blogger ini yang sudah menerapkan warna gradasi pada background header atau sidebar pada blognya. kebanyakan para pengguna template Viomagz, ada banyak yang sudah menerapkan warna gradasi pada templatenya, termasuk saya, hehe.

Baca Juga :  Cara Menampilkan Logo atau Icon Blog di Speed Dial Browser dengan mudah

Gradient Color Merupakan warna yang di satukan dengan warna-warna yang lainnya. contohnya saja dari warna pelangi yang memiliki warna yang bebeda. gradasi warna ini bisa anda terapkan di semua template, akan tetapi anda harus paham mengenai penerapan warna tersebut.

Cara Mengubah Warna Gradasi Background Header Blog Viomagz 

Gradasi warna ini bisa kita padukan antara 2 warna, 3 warna dan lebih dari itu. akan tetapi yang paling sering digunakan oleh para blogger adalah dengan 3 warna. atau ada yang lebih keren lagi yaitu menggunakan gradient animasi color. tutorial itu akan saya buat di artikel berikutnya. oke kita langsung saja ke tutorialnya.

Berikut adalah Cara Mengubah Warna Gradasi Background Header Blog Viomagz 

• Masuk terlebih dahulu ke akun Blogger anda dan masuk ke menu Dashboard.
• Pilih Tema atau Template > Edit HTML.
• Silahkan anda cari code #header-container atau yang mirip dengan kode tersebut (setiap template biasanya berbeda-beda).
• Kemudian cari kode Background,  biasanya ada di bawah kode #header-container. contohnya seperti berikut.

  

  Cara Mengubah Warna Gradasi Background Header Blog Viomagz 

• Selanjutnya hapus backgroudnya dan ganti dengan kode warna di bawah ini.

background:-webkit-linear-gradient(right,#3b8d99 ,#6b6b83 ,#aa4b6b );
background:-moz-linear-gradient(right,#3b8d99 ,#6b6b83 ,#aa4b6b );
background:-o-linear-gradient(right,#3b8d99 ,#6b6b83 ,#aa4b6b );
background:-ms-linear-gradient(right,#3b8d99 ,#6b6b83 ,#aa4b6b ); 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b6b83',centerColorstr='#3b8d99',endColorstr='#aa4b6b',GradientType=1);

• Contohnya seperti gambar di bawah ini.

  

  Cara Mengubah Warna Gradasi Background Header Blog Viomagz 

• Setelah anda mengganti kode tersebut, silahkan Simpan atau Save Template.
• Terakhir, silahkan anda cek pada blog anda apakah sudah berubah warnanya atau belum.

Jangan lupa untuk mengubah kode warna #3b8d99, #6b6b83 dan #aa4b6b dengan warna yang anda inginkan.

Baca Juga : Cara Memasang Script Lazy Load di Blog dengan mudah

Nah, mungkin itu saja tutorial kali ini mengenai Cara Mengubah Warna Background Header Blog dengan Gradasi Warna (Viomagz). jika anda kesusahan dalam menerapkanya, silahkan anda berkomentar di bawah postinga ini, siapa tau saya dapat membantu anda. semoga bermanfaat

Related Posts