Cara Membuat Color Picker with jQuery

Cara membuatnya :
1. Login blogger
2. Rancangan, Edit Html, Cari kode]]></b:skin>
3. Dan Simpan kode berikut diatasnya : 

</span>/* ---------------<br> jQuery Color Picker: Farbtastic<br> ---------------------------------- */<br> /**<br>  * Farbtastic Color Picker 1.2<br>  * © 2008 Steven Wittens<br>  *<br>  * This program is free software; you can redistribute it and/or modify<br>  * it under the terms of the GNU General Public License as published by<br>  * the Free Software Foundation; either version 2 of the License, or<br>  * (at your option) any later version.<br>  *<br>  * This program is distributed in the hope that it will be useful,<br>  * but WITHOUT ANY WARRANTY; without even the implied warranty of<br>  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the<br>  * GNU General Public License for more details.<br>  *<br>  * You should have received a copy of the GNU General Public License<br>  * along with this program; if not, write to the Free Software<br>  * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA<br>  */<br> .farbtastic {<br>   position: relative;<br> }<br> .farbtastic * {<br>   position: absolute;<br>   cursor: crosshair;<br> }<br> .farbtastic, .farbtastic .wheel {<br>   width: 195px;<br>   height: 195px;<br> }<br> .farbtastic .color, .farbtastic .overlay {<br>   top: 47px;<br>   left: 47px;<br>   width: 101px;<br>   height: 101px;<br> }<br> .farbtastic .wheel {<br>   background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwhmY5NkFUDIT8GH1hDTGxsVtMu8JZ9Re0r3Bf59zZWgb1-36RnUPSXckNXG4ox4rssLGAK9ojFsose0nKfiiWka1QFwqKYzyKwup9e7D6Cq2mWmjIIHnB1pNGKQIoJWL1HRROA0DaPGs/s1600/wheel.png) no-repeat;<br>   width: 195px;<br>   height: 195px;<br> }<br> .farbtastic .overlay {<br>   background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAK4_6mbt2HeHe5PCZSBWme_78V5cP_CH9lHg2dPFJIngQFiaDSu4qFpAajOJSTDwnZUx4VQNMqL6yRDijzXoghiX4J1nVJPe-ySEr2gTOk5-GRFS5mUUU3F1C8iHMXYo8i2LOKo7MFks/s1600/mask.png) no-repeat;<br> }<br> .farbtastic .marker {<br>   width: 17px;<br>   height: 17px;<br>   margin: -8px 0 0 -8px;<br>   overflow: hidden; <br>   background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHDJGUBxhzsDyJu_Qp_l6vIvd4BBZBQnaDSwh0cUgQAG9ud-h6yG_z9cEvwGa-XNR0vuGoUC4rVcFzBHT3ePpn0GsehT0MRChGM8I3dXtvG2GMUqeeXT70axUEvBrTOeFuQ9A3ayPWbwY/s1600/marker.png) no-repeat;<br> }<span class="hidenpost">

selanjutnya simpan script berikut tepat diatas kode </head> :

</span><script type="text/javascript" src="<span style="color: blue;">http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js</span>"></script><br>  <script type="text/javascript" src="http://kangdadang.googlecode.com/files/farbtastic.js"></script><br>  <link rel="stylesheet" href="farbtastic.css" type="text/css" /><br>  <script type="text/javascript" charset="utf-8"><br>   $(document).ready(function() {<br>     $('#demo').hide();<br>     $('#picker').farbtastic('#color');<br>   });<br>  </script><span class="hidenpost">

dan yang terakhir Tambahkan Gadget Berupa Html / Javascript :

</span><div id="demo" style="color: red; font-size: 1.4em;"><br> jQuery.js is not present. You must install jQuery in this folder for the demo to work.</div><br> <br> <form action="" style="width: 400px;"><br> <div class="form-item"><br> <label for="color">Color:</label><input id="color" name="color" type="text" value="#123456" /></div><br> <div id="picker"><br> </div><br> </form><span class="hidenpost">