Kode Warna

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="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 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

You Might Also Like:

Oldest Post
How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser
Disqus Comments
Oldest Post