Cara membuat background gradien secara online | web design
setelah sebelumnya saya membuat artikel tentang cara membuat background gradien dengan photoshop, maka kali ini saya akan membahas tentang membuat gradien secara online. sesuai dengan judulnya "online" berarti ada situs penyedia membuat background gradien secara online. Lalu apa kelebihan membuat secara online ini, :
yang pertama jelas kemudahan dan efesien waktu dan yang kedua background yang akan digunakan di blog atau web bukanlah image/gambar yang perlu diupload ke hosting dulu, tetapi kode warna yang sudah disediakan oleh situs penyedia nya alhasil, background dengan kode warna jelas lebih ringan dari background image sehingga loading blog/web yang akan kita buat akan lebih cepat.
langsung saja ikuti tutorialnya dibawah ini :
setelah sebelumnya saya membuat artikel tentang cara membuat background gradien dengan photoshop, maka kali ini saya akan membahas tentang membuat gradien secara online. sesuai dengan judulnya "online" berarti ada situs penyedia membuat background gradien secara online. Lalu apa kelebihan membuat secara online ini, :
yang pertama jelas kemudahan dan efesien waktu dan yang kedua background yang akan digunakan di blog atau web bukanlah image/gambar yang perlu diupload ke hosting dulu, tetapi kode warna yang sudah disediakan oleh situs penyedia nya alhasil, background dengan kode warna jelas lebih ringan dari background image sehingga loading blog/web yang akan kita buat akan lebih cepat.
langsung saja ikuti tutorialnya dibawah ini :
- nama situs penyedia nya adalah colorzilla langsung saja sobat masuk kesini!!
- setelah masuk lalu sobat pilih yang "ultimate gradient generator"
- lalu akan tampak disitu tempat kerja untuk membuat gradient
- silahkan pilih warna dan bentuk yang disediakan sesuai keinginan sobat,
- ubah orientation gradient bila diperlukan
- sobat juga bisa mengubah warna menjadi lebih muda atau sebaliknya sesuai dengan kreasi sobat
- lalu copy kode css nya
- cara meng-copy nya tidak usah didrag tapi sorot saja ke bagian kanan bawah lalu akan muncul notif "copy" dan tinggal klik saja
- terakhir pastekan ke bagian web yang sobat inginkan,,
cara penempatan background bisa dimana saja, seperti header , sidebar h2, body, dan lain-lain sesuai keinginan sobat deh, tinggal tambahkan kode css saja
background: url() "kode yang sudah sobat copy tadi" - dan terakhir lihat pratinjau dan simpan.
mudah kan sob ,,
oke semoga artikel ini bermanfaat yah !!
0 comments:
Posting Komentar