Monday, 22 May 2017

Membuat Tool Kode Warna Valid HTML5

Tool Kode Warna

Pada postingan kali ini akan membahas mengenai Tool yang sering dipakai oleh pengembangan website ada juga para Blogger yang menggunakan Tool ini yang suka utak atik templated blognya tentu sudah tidak asing lagi dengan Tool yang satu ini yaitu Tool kode Warna. Sebenarnya ada banyak cara juga untuk mendapatkan kode warna seperti yang pernah saya bahas sebelumnya Cara Merubah Warna Tulisan Pada Blog

Banyak juga yang tidak menyadari ternyata kode Tool yang dipakai ternyata setelah di cek tidak valid HTML5. Nah untuk postingan kali ini kita akan membahas Cara Membuat Tool Kode Warna Valid HTML5 yang akan kita pasang di dalam Laman Blog. Biasanya Tool kode warna yang sering dipasang pada blog penampakannya seperti ini. 

<object border="0" classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="420" id="obj1" width="420"> <param value="http://www.2createawebsite.com/build/color.swf" name="movie"><param value="High" name="quality"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="High" src="http://www.2createawebsite.com/build/color.swf" name="obj1" type="application/x-shockwave-flash" width="420" height="420"> </object> <object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" height="420" id="col" width="420"> <param value="sameDomain" name="allowScriptAccess"><param value="http://www.2createawebsite.com/build/col.swf" name="movie"><param value="high" name="quality"><param value="#ffffff" name="bgcolor"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" src="http://www.2createawebsite.com/build/col.swf" bgcolor="#ffffff" name="col" width="420" align="middle" height="420"> </object>

Kode diatas di pasang pada laman atau postingan dengan mode HTML untuk tampilannya seperti gambar diatas.

Nah untuk membuat agar kode Tool Warna tersebut diatas agar Valid HTML5 maka kita akan singkat dan hanya menggunakan kode Embed style, swf, file dan object untuk diatur size nya. Jadi nantinya akan seperti dibawah ini penampakannya.

<object style="height:420px;width:420px;border:0" data="http://www.2createawebsite.com/build/color.swf"></object>
<object style="height:420px;width:420px;border:0" data="http://www.2createawebsite.com/build/col.swf"></object>

Nah cukup singkat kan sobat, jika sobat mau membuat ditengah postingan Tool kode warna tersebut maka pergunakan jangan menggunakan kode <center>, </center> tapi gunakan kode <div style="text-align:center"> yang nantinya penampakannya seperti kode dibawah ini.

<div style="text-align:center">
<object style="height:420px;width:420px;border:0" data="http://www.2createawebsite.com/build/color.swf"></object>
<object style="height:420px;width:420px;border:0" data="http://www.2createawebsite.com/build/col.swf"></object>
</div>

Untuk melihat Jenis Tool kode warna lainnya dari Color Wheel Picker by John Curtis sobat bisa lihat tampilannya seperti dibawah ini.



Dan Selesai, baiklah sobat selamat mencoba semoga bermanfaat.


EmoticonEmoticon