Cara Mudah Membuat Tool Kode Warna Di Blog Valid HTML5 - Bersumber dari blog kompiajaib.com kali ini saya akan share tentang Cara Mudah Membuat Tool Kode Warna Di Blog Valid HTML5 ,oke sobat langsung saja ikuti langkahnya sebagai berikut ini :
Kode dari tool kode warna yang biasa digunakan untuk disimpan di blog biasanya akan seperti kode di bawah 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>
Dan penampakan tool kode warna di blog akan tampak seperti gambar di bawah ini.
Nah untuk membuat kode di atas menjadi valid HTML5, kita hanya perlu menggunakan kode embed object dan file swf serta style untuk mengatur sizenya. Sehingga dari kode-kode embed di atas yang lumayan banyak bisa menjadi lebih simple dan tentunya valid HTML5 seperti berikut ini.
<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>
Untuk mengetes validasi HTML5 dari tool kode warna ini, silahkan coba test halaman tool Kode Warna Kompi Ajaib DI SINI.
Agar toolnya berada di tengah halaman postingan (baik di halaman postingan biasa atau statis), hindari penggunaan kode <center> namun silahkan gunakan kode <div style="text-align:center"> sehingga menjadi seperti 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>
Jika ingin kode warna ini responsive, silahkan simak komentar saya DI SINI
Selamat mencoba....
sumber : kompiajaib.com
Sebagai Admin Blog Ini Saya Merekomendasikan Betwin188.com Sebagai Agen Bola Sbobet Terbaik , Aman dan Terpercaya
