Memasang dan Menggunakan Kode Warna Secara Online - Hanyalah Berbagi Informasi

Memasang dan Menggunakan Kode Warna Secara Online




Selama ini jika saya ingin mencari kode warna selalu saya menggunakan aplikasi Adobe Photoshop ataupun Corel Draw. Iseng-iseng cari-cari kode warna secara online dan saya terhenti di blog miliknya Kang Adhy Suryady. Kode warna online yang ditawarkan selain simple dan mudah penggunaannya tentu gratis untuk digunakan.

Cara Pasang Kode Warna secara Online

Cara penggunaannya adalah Anda tinggal arahkan pointer mouse di warna yang dikehendaki, kemudian copy kode yang didapat di kolom kode. Berikut Tampilan Live Kode Warna Online.


Nah, bagi anda yang kepingin untuk menampil kode warna online di blog anda silahkan copy paste kode scriptnya dibawah ini diblog anda. Agar tetap valid HTML5 serta responsive silahkan gunakan kode di bawah ini. Berikut Cara pemasangan Kode Warna Online.

<div style="text-align: center;">
<div class="color-code">
<div class="color-responsive">
<object height="420" width="420" data="https://googledrive.com/host/0Bz4YdwRI3rnCc01fUWNaNGNHbjQ/"></object> </div>
</div>
<div class="color-code">
<div class="color-responsive">
<object height="420" width="420" data="https://googledrive.com/host/0Bz4YdwRI3rnCNDVYN2tlcFF1b3c/"></object> </div>
</div>
</div>

Dan tambahkan kode CSS dibawah ini :

.color-code{text-align: center;margin:20px auto;width:60%;}
.color-responsive {position: relative;padding-bottom: 100%;height: 0;overflow: hidden}
.color-responsive object {position: absolute;top: 0;left: 0;width:100%;height:100%;border:0}

Selanjutnya, tinggal publishkan postingan kode warna oline anda, sangat simple bukan. Silahkan dicoba sobat!

Credit :
Blog Kang Adhy Suryadi

Memasang dan Menggunakan Kode Warna Secara Online Memasang dan Menggunakan Kode Warna Secara Online Reviewed by Om Rudi on April 15, 2016 Rating: 5

Kontak

Nama

Email *

Pesan *

Diberdayakan oleh Blogger.