Ditulis oleh: Ditulis pada: 3/25/2012
Bagi Anda yang sedang mencari kode warna untuk blognya, silahkan gunakan tool kode warna di bawah ini. Anda tinggal arahkan pointer mouse di warna yang dikehendaki, kemudian copy kode yang didapat di kolom kode.
Bagi yang ingin membuat kode warna di blognya seperti kode warna di halaman ini, silahkan copy kode di bawah Color Tool ini pada postingan HTML blog Anda. Judul Postingannya terserah Anda, contoh: Kode Warna. Dan kode warna ini sudah valid HTML5.
Cara Membuat Kode Warna Valid HTML5, silahkan gunakan kode di bawah ini.
<object style="height:420px;width:420px" data="http://www.2createawebsite.com/build/color.swf"></object>
<object style="height:420px;width:420px" data="http://www.2createawebsite.com/build/col.swf"></object>
Setelah itu tinggal publikasikan postingan Kode Warna Anda dan nikmati hasilnya.
Jika ingin kode warna ini responsive, silahkan gunakan kode di bawah ini
<div style="text-align: center;">
<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>
</div>
Dan tambahkan kode CSS di bawah 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}
Bagi yang ingin mencoba color tool lainnya silahkan coba Color Wheel Picker by John Curtis DI SINI