Membuat Tool Color Online di Blog HTML
color Picker - 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 banyak menemukan artikelnya di blog-blog indonesia.
Kode warna online yang ditawarkan selain simple dan mudah penggunaannya tentu gratis untuk digunakan, terlihat pada gambar dibawah ini.

Memasang dan Menggunakan 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.
Dan tambahkan kode CSS dibawah ini :
Selanjutnya, tinggal publishkan postingan kode warna oline anda, sangat simple bukan. Silahkan dicoba sobat!
Kode warna online yang ditawarkan selain simple dan mudah penggunaannya tentu gratis untuk digunakan, terlihat pada gambar dibawah ini.

Memasang dan Menggunakan 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 class="color-code">
<div class="color-responsive">
<object height="420" width="420" data="http://www.2createawebsite.com/build/color.swf"></object>
</div></div>
<div class="color-code">
<div class="color-responsive">
<object height="420" width="420" data="http://www.2createawebsite.com/build/col.swf"></object>
</div>
</div>
Catatan: gunakan http
atau https
sesuai settingkan blog yang anda gunakan.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!
No comments