Home » Tutorial Blogging » Cara Membuat Tool Kode Warna Html Di Blog Responsive

Cara Membuat Tool Kode Warna Html Di Blog Responsive

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

Gimana Tutorial Cara Membuat Tool Kode Warna Html Di Blog Responsive serta valid nya ? hembs mdah bangetkan ? nah jika sobat tertarik dengan tools tersebut silahkan sobat ikuti ttorial diatas supaya tools tersebt bisa terpasang di blog sobat , demikian dari saya terima kasih banyak :D