Cara Membuat Kode Warna di Blogger Responsive dan Valid HTML5

Kode warna ialah salah satu objek yang paling urgent dalam membuat sebuah website/blog. Setiap website/blog pasti memiliki unsru penggunaan kode warna dengan warna kesukaanya. Sebenarnya kode warna ini bisa dengan mudah kita buat/tentukan pada software jenis design maca photoshop dan software lain sebagainya.

Namun ini sangat tidak berlaku bagi seseorang yang sedang mengcustom template blogger (misalnya) ketika saat itu di komputernya tidak terinstal software-software tersebut.

Cara Membuat Kode Warna di Blogger Responsive dan Valid HTML5

Maka kode warna online ini adalah salah satu alternative yang paling baik digunakan. Cara menentukan warnapun tidak berbeda dengan cara menentukan warna di software semisal Photoshop itu. Nah, bagi yang tertarik untuk memasang kode warna di blognya, berikut caranya.



Cara Membuat Kode Warna Sendiri di Blogger

Kopi kode di bawah ini (dalam HTML).

<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>
<style type='text/css'>
.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}
</style>

Selaman mencoba, semoga berhasil diterapkan.

Source: http://www.kompiajaib.com/2012/03/kode-warna.html

Advertisement