Memasang Flat Color Picker di Halaman Statis Blogger
Memasang Flat Color Picker di Halaman Statis Blogger
Kali ini saya akan membahas tutorial cara memasang Flat Color Picker pada halaman statis blogger. Fungsi dari Flat Color adalah untuk mempermudah editing atau design color template, dengan adanya flat color kamu hanya perlu mengeklik warna yang diinginkan, maka kode dari warna tersebut akan terlihat.
Cara Memasang Flat Color Picker di Halaman Statis Blogger
1. Buka Blogger > Pilih tab Laman > Laman baru dan masukkan kode dibawah ini.
<div class="color-widget" onclick="colorPick(event)">
<form id="color-picker">
<input id="coloredvalue" onclick="SelectAll('coloredvalue');" placeholder="Pick your color and copy" readonly="" style="color: #cccccc;" tabindex="-1" type="text" value="" />
</form>
</div>
<style scoped="" type="text/css">
#color-picker{background-color:#f9f9f9;color:#ccc;margin:0;padding:0;padding-top:20px;transition:all .6s cubic-bezier(.694,.0482,.335,1)}.color-widget{z-index:9999;background-color:#fff;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;padding:0;-moz-sizing:border-box;box-sizing:border-box}.row{display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1;opacity:0.9;
transition: all .6s cubic-bezier(.694,.0482,.335,1);}.row.visible{opacity:1;}.shades{position:relative;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:-ms-flex;display:flex;height:0;opacity:0;transition: all .6s cubic-bezier(.694,.0482,.335,1);}.shades.visible{height:50px;opacity:1;}.back,.color{-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1;position:relative;margin:0;padding:0;border:none;cursor:pointer;transition:all .6s cubic-bezier(.694,.0482,.335,1)}.back:focus,.color:focus{outline:0}.back:hover:before,.color:hover:before{content:'';position:absolute;background-color:inherit;box-shadow:0 0 10px rgba(0,0,0,.2);z-index:1;top:-4px;left:-4px;right:-4px;bottom:-4px}.back:hover .icon,.color:hover .icon{z-index:1}.color.active:before,.color.active:hover:before{display:none}.back{background-color:#fff}.color.active{z-index:1}.shades{z-index:2;margin-right:.5px}.icon{font-family:arial;font-weight:700;color:#999;position:absolute;top:50%;left:50%;font-size:50px;line-height:50px;margin-left:-24px;margin-top:-25px}.blackout{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;pointer-events:none;transition:background-color .1s ease-in}.blackout.visible{background-color:rgba(0,0,0,.7);pointer-events:auto}input#coloredvalue{background: #f9f9f9;color:#ccc;border:none;padding:8px}input#coloredvalue:focus{border-color:none;}
#coloredvalue{cursor:pointer;top:0;left:0;right:0;bottom:0;width:100%;padding:0;margin:0;outline:0;border:0;box-pack:center;box-align:center;-ms-flex-pack:center;-ms-flex-align:center;-moz-box-pack:center;-moz-box-align:center;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;font-family:Tahoma,sans-serif;font-size:300%;color:#ccc;font-weight:700;text-align:center}
</style>
<script type="text/javascript">
//<![CDATA[
var _0x236c=["x64x61x74x61x2Dx68x65x78","x67x65x74x41x74x74x72x69x62x75x74x65","x74x61x72x67x65x74","x76x61x6Cx75x65","x63x6Fx6Cx6Fx72x65x64x76x61x6Cx75x65","x67x65x74x45x6Cx65x6Dx65x6Ex74x42x79x49x64","x72x65x6Dx6Fx76x65","x76x69x73x69x62x6Cx65","x72x65x6Dx6Fx76x65x43x6Cx61x73x73","x61x63x74x69x76x65","x2Ex63x6Fx6Cx6Fx72x2Ex61x63x74x69x76x65","x66x69x6Ex64","x2Ex63x6Fx6Cx6Fx72x2Dx77x69x64x67x65x74","x2Ex62x6Cx61x63x6Bx6Fx75x74","x2Ex73x68x61x64x65x73","x6Ex61x6Dx65","x64x61x74x61","x2Ex72x6Fx77","x70x61x72x65x6Ex74x73","x3Cx64x69x76x20x63x6Cx61x73x73x3Dx22x73x68x61x64x65x73x22x3Ex0Ax3Cx2Fx64x69x76x3Ex0A","x6Cx65x6Ex67x74x68","x61x70x70x65x6Ex64","x62x61x63x6Bx67x72x6Fx75x6Ex64x2Dx63x6Fx6Cx6Fx72","x63x73x73","x61x74x74x72","x3Cx62x75x74x74x6Fx6Ex20x63x6Cx61x73x73x3Dx22x63x6Fx6Cx6Fx72x22x3Ex3Cx2Fx62x75x74x74x6Fx6Ex3E","x61x64x64x43x6Cx61x73x73","x62x65x66x6Fx72x65","x6Bx65x79x73","x3Cx64x69x76x20x63x6Cx61x73x73x3Dx22x72x6Fx77x20x76x69x73x69x62x6Cx65x22x3Ex0Ax3Cx2Fx64x69x76x3Ex0A","x64x61x74x61x2Dx6Ex61x6Dx65","x3Cx62x75x74x74x6Fx6Ex20x63x6Cx61x73x73x3Dx22x62x61x63x6Bx22x20x74x69x74x6Cx65x3Dx22x61x72x6Cx69x6Ex61x64x65x73x69x67x6Ex2Ex62x6Cx6Fx67x73x70x6Fx74x2Ex63x6Fx6Dx22x3Ex3Cx64x69x76x20x63x6Cx61x73x73x3Dx22x69x63x6Fx6Ex22x3Ex3Cx2Fx64x69x76x3Ex0Ax3Cx2Fx62x75x74x74x6Fx6Ex3E","x68x61x73x43x6Cx61x73x73","x73x74x6Fx70x50x72x6Fx70x61x67x61x74x69x6Fx6E","x63x75x72x72x65x6Ex74x54x61x72x67x65x74","x63x6Cx69x63x6B","x2Ex63x6Fx6Cx6Fx72","x2Ex62x61x63x6B","x3Cx64x69x76x20x63x6Cx61x73x73x3Dx22x62x6Cx61x63x6Bx6Fx75x74x22x3Ex0Ax3Cx2Fx64x69x76x3Ex0A","x23x66x64x65x30x64x63","x23x66x39x62x64x62x62","x23x66x36x39x39x38x38","x23x66x33x36x63x36x30","x23x65x38x34x65x34x30","x23x65x35x31x63x32x33","x23x64x64x31x39x31x64","x23x64x30x31x37x31x36","x23x63x34x31x34x31x31","x23x62x30x31x32x30x61","x23x66x66x37x39x39x37","x23x66x66x35x31x37x37","x23x66x66x32x64x36x66","x23x65x30x30x30x33x32","x23x66x63x65x34x65x63","x23x66x38x62x62x64x30","x23x66x34x38x66x62x31","x23x66x30x36x32x39x32","x23x65x63x34x30x37x61","x23x65x39x31x65x36x33","x23x64x38x31x62x36x30","x23x63x32x31x38x35x62","x23x61x64x31x34x35x37","x23x38x38x30x65x34x66","x23x66x66x38x30x61x62","x23x66x66x34x30x38x31","x23x66x35x30x30x35x37","x23x63x35x31x31x36x32","x23x66x33x65x35x66x35","x23x65x31x62x65x65x37","x23x63x65x39x33x64x38","x23x62x61x36x38x63x38","x23x61x62x34x37x62x63","x23x39x63x32x37x62x30","x23x38x65x32x34x61x61","x23x37x62x31x66x61x32","x23x36x61x31x62x39x61","x23x34x61x31x34x38x63","x23x65x61x38x30x66x63","x23x65x30x34x30x66x62","x23x64x35x30x30x66x39","x23x61x61x30x30x66x66","x23x65x64x65x37x66x36","x23x64x31x63x34x65x39","x23x62x33x39x64x64x62","x23x39x35x37x35x63x64","x23x37x65x35x37x63x32","x23x36x37x33x61x62x37","x23x35x65x33x35x62x31","x23x35x31x32x64x61x38","x23x34x35x32x37x61x30","x23x33x31x31x62x39x32","x23x62x33x38x38x66x66","x23x37x63x34x64x66x66","x23x36x35x31x66x66x66","x23x36x32x30x30x65x61","x23x65x38x65x61x66x36","x23x63x35x63x61x65x39","x23x39x66x61x38x64x61","x23x37x39x38x36x63x62","x23x35x63x36x62x63x30","x23x33x66x35x31x62x35","x23x33x39x34x39x61x62","x23x33x30x33x66x39x66","x23x32x38x33x35x39x33","x23x31x61x32x33x37x65","x23x38x63x39x65x66x66","x23x35x33x36x64x66x65","x23x33x64x35x61x66x65","x23x33x30x34x66x66x65","x23x65x37x65x39x66x64","x23x64x30x64x39x66x66","x23x61x66x62x66x66x66","x23x39x31x61x37x66x66","x23x37x33x38x66x66x65","x23x35x36x37x37x66x63","x23x34x65x36x63x65x66","x23x34x35x35x65x64x65","x23x33x62x35x30x63x65","x23x32x61x33x36x62x31","x23x61x36x62x61x66x66","x23x36x38x38x39x66x66","x23x34x64x37x33x66x66","x23x34x64x36x39x66x66","x23x65x31x66x35x66x65","x23x62x33x65x35x66x63","x23x38x31x64x34x66x61","x23x34x66x63x33x66x37","x23x32x39x62x36x66x36","x23x30x33x61x39x66x34","x23x30x33x39x62x65x35","x23x30x32x38x38x64x31","x23x30x32x37x37x62x64","x23x30x31x35x37x39x62","x23x38x30x64x38x66x66","x23x34x30x63x34x66x66","x23x30x30x62x30x66x66","x23x30x30x39x31x65x61","x23x65x30x66x37x66x61","x23x62x32x65x62x66x32","x23x38x30x64x65x65x61","x23x34x64x64x30x65x31","x23x32x36x63x36x64x61","x23x30x30x62x63x64x34","x23x30x30x61x63x63x31","x23x30x30x39x37x61x37","x23x30x30x38x33x38x66","x23x30x30x36x30x36x34","x23x38x34x66x66x66x66","x23x31x38x66x66x66x66","x23x30x30x65x35x66x66","x23x30x30x62x38x64x34","x23x65x30x66x32x66x31","x23x62x32x64x66x64x62","x23x38x30x63x62x63x34","x23x34x64x62x36x61x63","x23x32x36x61x36x39x61","x23x30x30x39x36x38x38","x23x30x30x38x39x37x62","x23x30x30x37x39x36x62","x23x30x30x36x39x35x63","x23x30x30x34x64x34x30","x23x61x37x66x66x65x62","x23x36x34x66x66x64x61","x23x31x64x65x39x62x36","x23x30x30x62x66x61x35","x23x64x30x66x38x63x65","x23x61x33x65x39x61x34","x23x37x32x64x35x37x32","x23x34x32x62x64x34x31","x23x32x62x61x66x32x62","x23x32x35x39x62x32x34","x23x30x61x38x66x30x38","x23x30x61x37x65x30x37","x23x30x35x36x66x30x30","x23x30x64x35x33x30x32","x23x61x32x66x37x38x64","x23x35x61x66x31x35x38","x23x31x34x65x37x31x35","x23x31x32x63x37x30x30","x23x66x31x66x38x65x39","x23x64x63x65x64x63x38","x23x63x35x65x31x61x35","x23x61x65x64x35x38x31","x23x39x63x63x63x36x35","x23x38x62x63x33x34x61","x23x37x63x62x33x34x32","x23x36x38x39x66x33x38","x23x35x35x38x62x32x66","x23x33x33x36x39x31x65","x23x63x63x66x66x39x30","x23x62x32x66x66x35x39","x23x37x36x66x66x30x33","x23x36x34x64x64x31x37","x23x66x39x66x62x65x37","x23x66x30x66x34x63x33","x23x65x36x65x65x39x63","x23x64x63x65x37x37x35","x23x64x34x65x31x35x37","x23x63x64x64x63x33x39","x23x63x30x63x61x33x33","x23x61x66x62x34x32x62","x23x39x65x39x64x32x34","x23x38x32x37x37x31x37","x23x66x34x66x66x38x31","x23x65x65x66x66x34x31","x23x63x36x66x66x30x30","x23x61x65x65x61x30x30","x23x66x66x66x64x65x37","x23x66x66x66x39x63x34","x23x66x66x66x35x39x64","x23x66x66x66x31x37x36","x23x66x66x65x65x35x38","x23x66x66x65x62x33x62","x23x66x64x64x38x33x35","x23x66x62x63x30x32x64","x23x66x39x61x38x32x35","x23x66x35x37x66x31x37","x23x66x66x66x66x38x64","x23x66x66x66x66x30x30","x23x66x66x65x61x30x30","x23x66x66x64x36x30x30","x23x66x66x66x38x65x31","x23x66x66x65x63x62x33","x23x66x66x65x30x38x32","x23x66x66x64x35x34x66","x23x66x66x63x61x32x38","x23x66x66x63x31x30x37","x23x66x66x62x33x30x30","x23x66x66x61x30x30x30","x23x66x66x38x66x30x30","x23x66x66x36x66x30x30","x23x66x66x65x35x37x66","x23x66x66x64x37x34x30","x23x66x66x63x34x30x30","x23x66x66x61x62x30x30","x23x66x66x66x33x65x30","x23x66x66x65x30x62x32","x23x66x66x63x63x38x30","x23x66x66x62x37x34x64","x23x66x66x61x37x32x36","x23x66x66x39x38x30x30","x23x66x62x38x63x30x30","x23x66x35x37x63x30x30","x23x65x66x36x63x30x30","x23x65x36x35x31x30x30","x23x66x66x64x31x38x30","x23x66x66x61x62x34x30","x23x66x66x39x31x30x30","x23x66x66x36x64x30x30","x23x66x62x65x39x65x37","x23x66x66x63x63x62x63","x23x66x66x61x62x39x31","x23x66x66x38x61x36x35","x23x66x66x37x30x34x33","x23x66x66x35x37x32x32","x23x66x34x35x31x31x65","x23x65x36x34x61x31x39","x23x64x38x34x33x31x35","x23x62x66x33x36x30x63","x23x66x66x39x65x38x30","x23x66x66x36x65x34x30","x23x66x66x33x64x30x30","x23x64x64x32x63x30x30","x23x65x66x65x62x65x39","x23x64x37x63x63x63x38","x23x62x63x61x61x61x34","x23x61x31x38x38x37x66","x23x38x64x36x65x36x33","x23x37x39x35x35x34x38","x23x36x64x34x63x34x31","x23x35x64x34x30x33x37","x23x34x65x33x34x32x65","x23x33x65x32x37x32x33","x23x65x63x65x66x66x31","x23x63x66x64x38x64x63","x23x62x30x62x65x63x35","x23x39x30x61x34x61x65","x23x37x38x39x30x39x63","x23x36x30x37x64x38x62","x23x35x34x36x65x37x61","x23x34x35x35x61x36x34","x23x33x37x34x37x34x66","x23x32x36x33x32x33x38","x23x66x61x66x61x66x61","x23x66x35x66x35x66x35","x23x65x65x65x65x65x65","x23x65x30x65x30x65x30","x23x62x64x62x64x62x64","x23x39x65x39x65x39x65","x23x37x35x37x35x37x35","x23x36x31x36x31x36x31","x23x34x32x34x32x34x32","x23x32x31x32x31x32x31","x23x30x30x30x30x30x30","x23x66x66x66x66x66x66"];function colorPick(_0xd4aax2){var _0xd4aax3=_0xd4aax2[_0x236c[2]][_0x236c[1]](_0x236c[0]);return document[_0x236c[5]](_0x236c[4])[_0x236c[3]]=_0xd4aax3,cancelColor();}var activateColor,buildWidget,cancelColor,colors;colors=null,cancelColor=function(){var _0xd4aax2,_0xd4aax3,_0xd4aax8;return _0xd4aax8=$(_0x236c[12]),_0xd4aax2=_0xd4aax8[_0x236c[11]](_0x236c[13]),_0xd4aax8[_0x236c[11]](_0x236c[10])[_0x236c[8]](_0x236c[9]),_0xd4aax3=_0xd4aax8[_0x236c[11]](_0x236c[14]),_0xd4aax3[_0x236c[8]](_0x236c[7]),_0xd4aax2[_0x236c[8]](_0x236c[7]),setTimeout(function(){return _0xd4aax3[_0x236c[6]]()},1e3);},activateColor=function(_0xd4aax2){var _0xd4aax3,_0xd4aax8,_0xd4aax9,_0xd4aaxa,_0xd4aaxb,_0xd4aaxc,_0xd4aaxd,_0xd4aaxe,_0xd4aaxf,_0xd4aax10;for(cancelColor(),_0xd4aaxb=$(_0x236c[12]),_0xd4aax3=_0xd4aaxb[_0x236c[11]](_0x236c[13]),_0xd4aaxd=_0xd4aax2[_0x236c[16]](_0x236c[15]),_0xd4aax9=_0xd4aax2[_0x236c[18]](_0x236c[17]),_0xd4aaxa=$(_0x236c[19]),_0xd4aax10=colors[_0xd4aaxd],_0xd4aaxe=0,_0xd4aaxf=_0xd4aax10[_0x236c[20]];_0xd4aaxf>_0xd4aaxe;_0xd4aaxe++){_0xd4aaxc=_0xd4aax10[_0xd4aaxe],_0xd4aax8=$(_0x236c[25]),_0xd4aax8[_0x236c[24]](_0x236c[0],_0xd4aaxc),_0xd4aax8[_0x236c[23]](_0x236c[22],_0xd4aaxc),_0xd4aaxa[_0x236c[21]](_0xd4aax8)};return _0xd4aax9[_0x236c[27]](_0xd4aaxa),_0xd4aax2[_0x236c[26]](_0x236c[9]),_0xd4aax3[_0x236c[26]](_0x236c[7]),setTimeout(function(){return _0xd4aaxa[_0x236c[26]](_0x236c[7])},0);},buildWidget=function(){var _0xd4aax2,_0xd4aax3,_0xd4aax8,_0xd4aax9,_0xd4aaxa,_0xd4aaxb,_0xd4aaxc,_0xd4aaxd,_0xd4aaxe,_0xd4aaxf,_0xd4aax10,_0xd4aax11,_0xd4aax12,_0xd4aax13,_0xd4aax14,_0xd4aax15,_0xd4aax16;for(_0xd4aaxa=$(_0x236c[12]),_0xd4aax10=Object[_0x236c[28]](colors),_0xd4aax13=[],_0xd4aaxd=_0xd4aax14=0;3>=_0xd4aax14;_0xd4aaxd= ++_0xd4aax14){_0xd4aax9=$(_0x236c[29]),_0xd4aaxa[_0x236c[21]](_0xd4aax9),_0xd4aax13[_0xd4aaxd]=_0xd4aax9};for(_0xd4aaxb= -1,_0xd4aax12=0,_0xd4aax11=function(){return _0xd4aaxb+=1,5===_0xd4aaxb&&(_0xd4aax12+=1,_0xd4aaxb=0),_0xd4aax12},_0xd4aaxe=_0xd4aax15=0,_0xd4aax16=_0xd4aax10[_0x236c[20]];_0xd4aax16>_0xd4aax15;_0xd4aaxe= ++_0xd4aax15){_0xd4aaxf=_0xd4aax10[_0xd4aaxe],4===_0xd4aaxe&&(_0xd4aax2=$(_0x236c[31]),_0xd4aax13[_0xd4aax11()][_0x236c[21]](_0xd4aax2)),_0xd4aax8=$(_0x236c[25]),_0xd4aaxc=colors[_0xd4aaxf][5],_0xd4aax8[_0x236c[24]](_0x236c[30],_0xd4aaxf),_0xd4aax8[_0x236c[24]](_0x236c[0],_0xd4aaxc),_0xd4aax8[_0x236c[23]](_0x236c[22],_0xd4aaxc),_0xd4aax13[_0xd4aax11()][_0x236c[21]](_0xd4aax8)};return _0xd4aax3=$(_0x236c[38]),_0xd4aaxa[_0x236c[21]](_0xd4aax3),_0xd4aaxa[_0x236c[11]](_0x236c[13])[_0x236c[35]](function(_0xd4aax2){return _0xd4aax2[_0x236c[33]](),cancelColor()}),_0xd4aaxa[_0x236c[11]](_0x236c[37])[_0x236c[35]](function(_0xd4aax2){return _0xd4aax2[_0x236c[33]]()}),_0xd4aaxa[_0x236c[11]](_0x236c[36])[_0x236c[35]](function(_0xd4aax2){var _0xd4aax3;return _0xd4aax2[_0x236c[33]](),_0xd4aax3=$(_0xd4aax2[_0x236c[34]]),_0xd4aax3[_0x236c[32]](_0x236c[9])?cancelColor():activateColor(_0xd4aax3);});},colors={Red:[_0x236c[39],_0x236c[40],_0x236c[41],_0x236c[42],_0x236c[43],_0x236c[44],_0x236c[45],_0x236c[46],_0x236c[47],_0x236c[48],_0x236c[49],_0x236c[50],_0x236c[51],_0x236c[52]],Pink:[_0x236c[53],_0x236c[54],_0x236c[55],_0x236c[56],_0x236c[57],_0x236c[58],_0x236c[59],_0x236c[60],_0x236c[61],_0x236c[62],_0x236c[63],_0x236c[64],_0x236c[65],_0x236c[66]],Purple:[_0x236c[67],_0x236c[68],_0x236c[69],_0x236c[70],_0x236c[71],_0x236c[72],_0x236c[73],_0x236c[74],_0x236c[75],_0x236c[76],_0x236c[77],_0x236c[78],_0x236c[79],_0x236c[80]],"x44x65x65x70x20x50x75x72x70x6Cx65":[_0x236c[81],_0x236c[82],_0x236c[83],_0x236c[84],_0x236c[85],_0x236c[86],_0x236c[87],_0x236c[88],_0x236c[89],_0x236c[90],_0x236c[91],_0x236c[92],_0x236c[93],_0x236c[94]],Indigo:[_0x236c[95],_0x236c[96],_0x236c[97],_0x236c[98],_0x236c[99],_0x236c[100],_0x236c[101],_0x236c[102],_0x236c[103],_0x236c[104],_0x236c[105],_0x236c[106],_0x236c[107],_0x236c[108]],Blue:[_0x236c[109],_0x236c[110],_0x236c[111],_0x236c[112],_0x236c[113],_0x236c[114],_0x236c[115],_0x236c[116],_0x236c[117],_0x236c[118],_0x236c[119],_0x236c[120],_0x236c[121],_0x236c[122]],"x4Cx69x67x68x74x20x42x6Cx75x65":[_0x236c[123],_0x236c[124],_0x236c[125],_0x236c[126],_0x236c[127],_0x236c[128],_0x236c[129],_0x236c[130],_0x236c[131],_0x236c[132],_0x236c[133],_0x236c[134],_0x236c[135],_0x236c[136]],Cyan:[_0x236c[137],_0x236c[138],_0x236c[139],_0x236c[140],_0x236c[141],_0x236c[142],_0x236c[143],_0x236c[144],_0x236c[145],_0x236c[146],_0x236c[147],_0x236c[148],_0x236c[149],_0x236c[150]],Teal:[_0x236c[151],_0x236c[152],_0x236c[153],_0x236c[154],_0x236c[155],_0x236c[156],_0x236c[157],_0x236c[158],_0x236c[159],_0x236c[160],_0x236c[161],_0x236c[162],_0x236c[163],_0x236c[164]],Green:[_0x236c[165],_0x236c[166],_0x236c[167],_0x236c[168],_0x236c[169],_0x236c[170],_0x236c[171],_0x236c[172],_0x236c[173],_0x236c[174],_0x236c[175],_0x236c[176],_0x236c[177],_0x236c[178]],"x4Cx69x67x68x74x20x47x72x65x65x6E":[_0x236c[179],_0x236c[180],_0x236c[181],_0x236c[182],_0x236c[183],_0x236c[184],_0x236c[185],_0x236c[186],_0x236c[187],_0x236c[188],_0x236c[189],_0x236c[190],_0x236c[191],_0x236c[192]],Lime:[_0x236c[193],_0x236c[194],_0x236c[195],_0x236c[196],_0x236c[197],_0x236c[198],_0x236c[199],_0x236c[200],_0x236c[201],_0x236c[202],_0x236c[203],_0x236c[204],_0x236c[205],_0x236c[206]],Yellow:[_0x236c[207],_0x236c[208],_0x236c[209],_0x236c[210],_0x236c[211],_0x236c[212],_0x236c[213],_0x236c[214],_0x236c[215],_0x236c[216],_0x236c[217],_0x236c[218],_0x236c[219],_0x236c[220]],Amber:[_0x236c[221],_0x236c[222],_0x236c[223],_0x236c[224],_0x236c[225],_0x236c[226],_0x236c[227],_0x236c[228],_0x236c[229],_0x236c[230],_0x236c[231],_0x236c[232],_0x236c[233],_0x236c[234]],Orange:[_0x236c[235],_0x236c[236],_0x236c[237],_0x236c[238],_0x236c[239],_0x236c[240],_0x236c[241],_0x236c[242],_0x236c[243],_0x236c[244],_0x236c[245],_0x236c[246],_0x236c[247],_0x236c[248]],"x44x65x65x70x20x4Fx72x61x6Ex67x65":[_0x236c[249],_0x236c[250],_0x236c[251],_0x236c[252],_0x236c[253],_0x236c[254],_0x236c[255],_0x236c[256],_0x236c[257],_0x236c[258],_0x236c[259],_0x236c[260],_0x236c[261],_0x236c[262]],Brown:[_0x236c[263],_0x236c[264],_0x236c[265],_0x236c[266],_0x236c[267],_0x236c[268],_0x236c[269],_0x236c[270],_0x236c[271],_0x236c[272]],"x42x6Cx75x65x20x47x72x65x79":[_0x236c[273],_0x236c[274],_0x236c[275],_0x236c[276],_0x236c[277],_0x236c[278],_0x236c[279],_0x236c[280],_0x236c[281],_0x236c[282]],Grey:[_0x236c[283],_0x236c[284],_0x236c[285],_0x236c[286],_0x236c[287],_0x236c[288],_0x236c[289],_0x236c[290],_0x236c[291],_0x236c[292],_0x236c[293],_0x236c[294]]},$(function(){return buildWidget()});
//]]>
</script>
<script type="text/javascript">
$('<input type="text" id="coloredvalue" value="">').appendTo('body');
$('body').on('click',function(){ $('#coloredvalue').select(); });
//
$('input').click(function(e) {
$(this).focus().select();
$(this).keypress(function(e){
e.preventDefault();
})
});
</script>
<div class="clear">
</div>
Oke sekian tutorial Memasang Flat Color Picker di Halaman Statis Blogger. Mudah-mudahan bisa bermanfaat untuk kalian semua.