CARA MEMBUAT GRADASI WARNA BLOG/WEB
Akhir-akhir ini sangat marak pemasangan atau membuat gradasi warna pada blog/website. Jika diperhatikan secara saksama, gradasi warna di area tertentu memang memengaruhi penampilan sebuah blog/web. Selain menarik juga ada sensasi tersendiri saat berkunjung untuk membaca artikel di dalamnya.
Kadang-kadang, mempercantik tampilan blog memang perlu selama tidak berlebihan. Imbas jika blog terlalu ramai ornamen apalagi banyak dipasang widgat tertentu yang sebenarnya kurang efektif juga akan berpengaruh pada selera pengunjung.
Rata-rata, pengunjung lebih senang pada tampilan blog yang sederhana. Maka tak heran jika blog-blog profesional yang sering kita lihat lebih memilih template ringan dan sederhana. Selain bertujuan memperingan proses (loading) juga bertujuan agar pengunjung tidak merasa terganggu dengan banyaknya ornamen yang dipasang di dalam blog.
Lantas, apakah membuat gradasi warna di bagian tertentu akan mengganggu pengunjung? Mengganggu atau tidak, semua tergantung pada porsi pemakaian. Jika berlebihan tentu terasa mengganggu.
Maka dari itu, pergunakan secara semestinya. Tertarik ingin merias blog dengan gradasi warna? Simak dan terapkan cara berikut:
Kadang-kadang, mempercantik tampilan blog memang perlu selama tidak berlebihan. Imbas jika blog terlalu ramai ornamen apalagi banyak dipasang widgat tertentu yang sebenarnya kurang efektif juga akan berpengaruh pada selera pengunjung.
Rata-rata, pengunjung lebih senang pada tampilan blog yang sederhana. Maka tak heran jika blog-blog profesional yang sering kita lihat lebih memilih template ringan dan sederhana. Selain bertujuan memperingan proses (loading) juga bertujuan agar pengunjung tidak merasa terganggu dengan banyaknya ornamen yang dipasang di dalam blog.
Lantas, apakah membuat gradasi warna di bagian tertentu akan mengganggu pengunjung? Mengganggu atau tidak, semua tergantung pada porsi pemakaian. Jika berlebihan tentu terasa mengganggu.
Maka dari itu, pergunakan secara semestinya. Tertarik ingin merias blog dengan gradasi warna? Simak dan terapkan cara berikut:
1. Buka blogspot/web yang ingin diberi gradasi warna;
2. Tema > Edit HTML;
3. Cari tulisan background (untuk memudahkan proses pencarian tekan Ctrl+F);
4. Letakkan kode berikut setelah tulisan background:
NB: Cari area mana yang ingin diberi gradasi warna. Jika ingin menambah warna bisa menambahkan kode warna setelah kode -50deg.
linear-gradient(-50deg, #ee5952, #ea3a7e, #20aadb, #23e0b3);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%}}(255,255,255,.99);box-shadow:0 1px 5px rgba(0,0,0,0.1);
NB: Cari area mana yang ingin diberi gradasi warna. Jika ingin menambah warna bisa menambahkan kode warna setelah kode -50deg.
5. Setelah menemukan area mana yang ingin diberi gradasi warna, lalu simpan (Save).
Mudah, kan?
Perlu diingat bahwa, tiap template berbeda-beda kode script-nya jadi Anda harus benar-benar mencari posisi yang tepat lewat edit HTML.
Selamat mencoba, semoga berhasil dan tampilan blognya makin menarik.
Mudah, kan?
Perlu diingat bahwa, tiap template berbeda-beda kode script-nya jadi Anda harus benar-benar mencari posisi yang tepat lewat edit HTML.
Selamat mencoba, semoga berhasil dan tampilan blognya makin menarik.
