Thursday, January 19, 2017

Cara membuat tool kode warna HTML5

  Tool kode warna HTML 5; bagi para blogger tentunya tidak asing lagi dengan tool yang satu ini ,yaitu tol yang fungsinya buat mencari kode kode warna ,kalau kita punya blog tentunya kita ingin sekali tampilan blog kita tampak lebih cerah dan berwarna warni,nah! untuk itu kita harus meubah kode warna dalam templat blog kita, dalam merubah kode warna templat tersebut kita tidak merubah begitu saja ( bagi yang belum hafal kode warna html ) tentunya masih membutuh tool sebagai alat bantu mencari kode tersebut, biasanya sebelum kita mngerjakan apapun itu kita sudah mempersiapkan alat alat terlebih dahulu ,supaya apa? supaya nanti ketika mengerjakan pekerjaan bisa langsung dikerjakan tanpa harus mencari cari alat dulu, bagaimana kalau yang dikerjakan adalah merombak warna templat blog, apakah masih harus mencari cari toolnya,saran saya lebih baik pasang  tool diblog sendiri, cara memasang nya pun mudah cukup ikuti petunjuk dan copas kode dibawah ini;
http://blogampel.blogspot.co.id/


DEMO
  1. Pertama seperti biasa masuk akun blogger sobat
  2. kemudian masuk Dasboard >> Tamplate >> Edit HTML
  3. Copy kode CSS dibawah dan letakkan tepat diatas kode ]]></b:skin> atau diatas kode </style>
.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;
}


  1. Kemudian Simpan Template.
  2. Langkah selanjutnya tinggal memasang script untuk membuat tool kode warna
  3. Silahkan copy kembali kode script dibawah dan letakkan di Laman atau dalam postingan sobat dalam mode HTML.
<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>

Demikian cara membuat tool kode html semoga artikel ini bisa bermanfaat buat yang membutuhkan cara membuat tool code html, selamat mencoba dan terimakasi atas kunjungannya.

No comments:
Write comments