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

1. Pertama silahkan sobat login dulu akun dasbhor sobat
2. 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
3. Setelah anda memasang CSSnya sekarang saat anda pasang Html nya untuk memanggil Css tersebut, Kamu bisa pasang Secara Widget Sidebar / bisa secara artikel. Lihat saja Kode di Bawah Ini :

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

4. Jika Kamu ingin Mwmasangnya secara Widget, Kamu masuk dulu Tata Letak >>>  Tambah Gadget >>> Lalu kamu Pilih HTML/JavaScript. | Ataupun jika kamu Ingin Memasangnya Di artikel / postingan Kamu Copy kode di atas Lalu Pastekan di Area HTML bukan Compose. Selesai deh...

Mudah Bukan, SELAMAT MENCOBA....Jangan lupa Bekomentar ya...

Share :

Tweet

✚

Related Post