-->

Cara Mengubah Warna Gradasi Background Header Blog Viomagz

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

Next
Previous

Related Posts

Show comments
Hide comments

0 Komen

Posting Komentar

  • Mohon Tinggalkan jejak sesuai dengan judul artikel.
  • Tidak diperbolehkan untuk mempromosikan barang atau berjualan.
  • Dilarang mencantumkan link aktif di komentar.
  • Komentar dengan link aktif akan otomatis dihapus
  • Berkomentarlah dengan baik, Kepribadian Anda tercemin saat berkomentar.
  • Jika ingin menulis kode maka harus di-parse terlebih dulu (terutama Javascript dan HTML)
  • Centang kotak Beri tahu saya untuk mendapatkan notifikasi via email jika ada yang membalas komentar.
  • Gunakan tag <i> dan diakhiri dengan kode </i> untuk menuliskan kode. Contoh:
    <i>#comments</i>
  • Gunakan tag <em> dan diakhiri dengan kode </em> untuk menuliskan kode yang lebih panjang atau URL. Contoh:
    <em>#comments {margin:0; padding:10px 15px}</em>

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

x
Berlangganan

Dapatkan pemberitahuan melalui email setiap ada artikel baru. Gratis!