Cara Mudah Membuat Tool Kode Warna Html Di Blog

Cara Membuat dan Memasang Tool Kode Warna Html Di Blog Responsive - Jika sobat ingin mendesign template anda menjadi semenarik mungkin, pasti butuh yang namanya kode warna html, namn apakah anda hafal semua kode warna html ? mngkin kala kode dasarnya sih hafal seperti warna putih dengan kode #FFF dan warna hitam #000 maka dari itu kita membutuhkan bantuan kode warna yang kita dapatkan dari photosop maupn tools warna yang lainya.

Tool kode warna yang akan saya share kali ini merupakan modifikasi dengan penambahan fitur responsive serta valid html5, sehingga bagi anda yang pecinta validator tak ragu-ragu untuk memasangnya, serta di penambahan fitur responsive untk memungkinkan tool ini bisa diakses disema perangkat browser.
Terus hasilnya gimana bro tool kode warna html yang kita buat nanti, untuk yang kepo atau penasaran seperti apa demonya, silahkan sobat lihat penampakan gentayangan dibawah ini :

Cara Gampang Memasang Tool Kode Warna di Halaman Blog Kita

Pertama silahkan sobat login dulu akun dasbhor sobat

Kemdian pergi ke template => Edit HTML lalu pasang dulu CSS nya diatan kode </style> maupun ]]></b:skin>

.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;
}

NOTE:
Untuk mengatur width (lebar) Toll tersebut silahkan ubah ukuran 60 % pada kode berikut

.color-code{text-align: center;margin:20px auto;width:60%;}

Silahkan sesuaikan dengan lebar halaman postingan Anda, jika tampilannya agak kecil silahkan tambahkan persentase-nya

Setelah anda memasang CSSnya sekarang saat anda pasang Html nya untuk memanggil Css tersebut

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

Langkah terakhir simpan template dan lihat hasilnya ( untuk hasilnya anda bisa lihat toll diatas

Penutup

Terima kasih atas kunjungan anda di LingkaranDunia, serta membaca artikel yang mengenai Cara Mudah Membuat Tool Kode Warna Html Di Blog. Jika ada yang kurang di mengerti silahkan ajukan pertanyaan lewat Email, FacabookLingkaranDunia dan lewat kolom komentar yang kami sediakan di bawah artikel ini. Lihah Juga Postingan sebelumnya mengenai - Cara Memasang Lagu / Musikmode Autoplay di blog dengan Sangat Mudah

LingkaranDunia

Cara Mudah Membuat Tool Kode Warna Html Di Blog

Cara Gampang Memasang Tool Kode Warna di Halaman Blog Kita

Artikel Terkait

akostader