CARA MEMBUAT GRADASI WARNA BLOG/WEB - ANEKA CARA BLOG

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:

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:

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.

Berlangganan update artikel terbaru via email:


0 Response to "CARA MEMBUAT GRADASI WARNA BLOG/WEB"

Post a Comment

Terima kasih sudah berkenan baca artikel kami. Bagi para pengunjung harap memerhatikan kaidah ini saat berkunjung:
1. Mohon meninggalkan komentar yang etis setelah baca artikel atau sebelum meninggalkan blog. Komentar tak etis pasti dihapus.
2. Jangan melakukan spam atau promosi link jual beli produk tertentu.
3. Apabila ingin mengutip atau mengambil isi artikel, mohon mencantumkan sumber artikel jika tulisan tersebut berasal dari blog kami. Plagiarisme, apalagi tinggal salin isi naskah tanpa mengolah ulang terlebih tanpa izin adalah kejahatan intelektual. Saling menghargai jauh lebih penting daripada kepuasan sesaat.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Loading...

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Loading...