Free Widget Color Code

color code is urgently needed for designing the look of the blog, if you want a color code appear on your blog this time I will give free widgets for color code
please follow the steps below:
for example widgets please click here COLOR CODE FREE WIDGET
save this code in the post or a new page

<br /> <a href="http://seo-smartblog.blogspot.com/2011/06/free-widget-color-code.html"><span class="Apple-style-span" style="color: red;">GET THIS WIDGET</span></a><br /> <span class="Apple-style-span" style="color: red;"><center><form name="hcc" id="hcc"></span><br /> <span class="Apple-style-span" style="color: red;"><table style="border-collapse: collapse;" align="center" border="1" bordercolor="#cccccc" cellpadding="0" cellspacing="0"><tbody></span><br /> <span class="Apple-style-span" style="color: red;"><tr><td><table align="center" border="0" cellpadding="0" cellspacing="1" width="375"><tbody></span><br /> <span class="Apple-style-span" style="color: red;"><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#190707"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a0a"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b0b"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#610b0b"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#8a0808"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#b40404"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#df0101"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#ff0000"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e2e"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#fa5858"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#f78181"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9a9"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#f6cece"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0e0"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#fbefef"></span><br /> <span class="Apple-style-span" style="color: red;"></td></tr></span><br /> <span class="Apple-style-span" style="color: red;"><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#191007"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#2a1b0a"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#3b240b"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#61380b"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#8a4b08"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#b45f04"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#df7401"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#ff8000"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#fe9a2e"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#faac58"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#f7be81"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#f5d0a9"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#f6e3ce"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#f8ece0"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#fbf5ef"></span><br /> <span class="Apple-style-span" style="color: red;"></td></tr></span><br /> <span class="Apple-style-span" style="color: red;"><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#181907"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#292a0a"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#393b0b"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#5e610b"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#868a08"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#aeb404"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#d7df01"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#ffff00"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#f7fe2e"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#f4fa58"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#f3f781"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#f2f5a9"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#f5f6ce"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#f7f8e0"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#fbfbef"></span><br /> <span class="Apple-style-span" style="color: red;"></td></tr></span><br /> <span class="Apple-style-span" style="color: red;"><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#101907"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#1b2a0a"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#243b0b"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#38610b"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#4b8a08"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#5fb404"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#74df00"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#80ff00"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#9afe2e"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#acfa58"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#bef781"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#d0f5a9"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#e3f6ce"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#ecf8e0"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#f5fbef"></span><br /> <span class="Apple-style-span" style="color: red;"></td></tr></span><br /> <span class="Apple-style-span" style="color: red;"><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071907"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a0a"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b0b"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#0b610b"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#088a08"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#04b404"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#01df01"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#00ff00"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#2efe2e"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#58fa58"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#81f781"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5a9"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#cef6ce"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8e0"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#effbef"></span><br /> <span class="Apple-style-span" style="color: red;"></td></tr></span><br /> <span class="Apple-style-span" style="color: red;"><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071910"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a1b"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b24"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#0b6138"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#088a4b"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#04b45f"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#01df74"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#00ff80"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#2efe9a"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#58faac"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#81f7be"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5d0"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#cef6e3"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8ec"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#effbf5"></span><br /> <span class="Apple-style-span" style="color: red;"></td></tr></span><br /> <span class="Apple-style-span" style="color: red;"><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071918"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a29"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b39"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#0b615e"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#088a85"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#04b4ae"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#01dfd7"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#00ffff"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#2efef7"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#58faf4"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#81f7f3"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5f2"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#cef6f5"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8f7"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#effbfb"></span><br /> <span class="Apple-style-span" style="color: red;"></td></tr></span><br /> <span class="Apple-style-span" style="color: red;"><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071019"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#0a1b2a"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#0b243b"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#0b3861"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#084b8a"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#045fb4"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#0174df"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#0080ff"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#2e9afe"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#58acfa"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#81bef7"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#a9d0f5"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#cee3f6"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#e0ecf8"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#eff5fb"></span><br /> <span class="Apple-style-span" style="color: red;"></td></tr></span><br /> <span class="Apple-style-span" style="color: red;"><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#070719"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#0a0a2a"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b3b"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b61"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#08088a"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#0404b4"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#0101df"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#0000ff"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#2e2efe"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#5858fa"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#8181f7"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#a9a9f5"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#cecef6"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#e0e0f8"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#efeffb"></span><br /> <span class="Apple-style-span" style="color: red;"></td></tr></span><br /> <span class="Apple-style-span" style="color: red;"><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#100719"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#1b0a2a"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#240b3b"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#380b61"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#4b088a"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#5f04b4"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#7401df"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#8000ff"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#9a2efe"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#ac58fa"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#be81f7"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#d0a9f5"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#e3cef6"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#ece0f8"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#f5effb"></span><br /> <span class="Apple-style-span" style="color: red;"></td></tr></span><br /> <span class="Apple-style-span" style="color: red;"><tr height="24"> <td onclick="Barva(this.bgColor)" bgcolor="#190718"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a29"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b39"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#610b5e"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#8a0886"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#b404ae"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#df01d7"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#ff00ff"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#fe2ef7"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#fa58f4"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#f781f3"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9f2"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#f6cef5"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0f7"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#fbeffb"></span><br /> <span class="Apple-style-span" style="color: red;"></td></tr></span><br /> <span class="Apple-style-span" style="color: red;"><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#190710"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a1b"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b24"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#610b38"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#8a084b"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#b4045f"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#df0174"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#ff0080"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e9a"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#fa58ac"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#f781be"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9d0"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#f6cee3"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0ec"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#fbeff5"></span><br /> <span class="Apple-style-span" style="color: red;"></td></tr></span><br /> <span class="Apple-style-span" style="color: red;"><tr height="10"><td></span><br /> <span class="Apple-style-span" style="color: red;"></td></tr></span><br /> <span class="Apple-style-span" style="color: red;"><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#000000"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b0b"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#151515"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#1c1c1c"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#2e2e2e"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#424242"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#585858"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#6e6e6e"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#848484"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#a4a4a4"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#bdbdbd"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#d8d8d8"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#e6e6e6"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#f2f2f2"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td onclick="Barva(this.bgColor)" bgcolor="#ffffff"></span><br /> <span class="Apple-style-span" style="color: red;"></td></tr></span><br /> <span class="Apple-style-span" style="color: red;"></tbody></table></span><br /> <span class="Apple-style-span" style="color: red;"></td></tr></span><br /> <span class="Apple-style-span" style="color: red;"></tbody></table></span><br /> <span class="Apple-style-span" style="color: red;"><table align="center" border="0" cellpadding="0" cellspacing="2"><tbody></span><br /> <span class="Apple-style-span" style="color: red;"><tr height="24"><td id="vzorec" width="24" height="24"></span><br /> <span class="Apple-style-span" style="color: red;"></td><td valign="bottom"><p></span><br /> <span class="Apple-style-span" style="color: red;">Color Code : <input name="barva" id="barva" style="font-weight: bold; font-family: Verdana; height: 16px; width: 74px; font-size: 12px;" maxlength="7" size="9" type="text"></p></span><br /> <span class="Apple-style-span" style="color: red;"></td></tr></span><br /> <span class="Apple-style-span" style="color: red;"></tbody></table></span><br /> <span class="Apple-style-span" style="color: red;"></form></span><br /> <a href="http://seo-smartblog.blogspot.com/2011/06/free-widget-color-code.html"><span class="Apple-style-span" style="color: red;">GET THIS WIDGET</span></a><br />

and the last step you should do is add the code below in a way add gadget> HTML / JAVA SCRIPT

<br /> <span class="Apple-style-span" style="color: red;"><script language='javascript'></span><br /> <span class="Apple-style-span" style="color: red;">function Barva(koda)</span><br /> <span class="Apple-style-span" style="color: red;">{</span><br /> <span class="Apple-style-span" style="color: red;">document.getElementById("vzorec").bgColor=koda;</span><br /> <span class="Apple-style-span" style="color: red;">document.hcc.barva.value=koda.toUpperCase();</span><br /> <span class="Apple-style-span" style="color: red;">document.hcc.barva.select();</span><br /> <span class="Apple-style-span" style="color: red;">}</span><br /> <span class="Apple-style-span" style="color: red;">function BarvaDruga(koda)</span><br /> <span class="Apple-style-span" style="color: red;">{</span><br /> <span class="Apple-style-span" style="color: red;">document.getElementById("vzorec2").bgColor=koda;</span><br /> <span class="Apple-style-span" style="color: red;">document.hcc.Barva2.value=koda.toUpperCase();</span><br /> <span class="Apple-style-span" style="color: red;">document.hcc.Barva2.select();</span><br /> <span class="Apple-style-span" style="color: red;">}</span><br /> <span class="Apple-style-span" style="color: red;"></script></span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;"><script type='text/javascript'></span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;">var hue;</span><br /> <span class="Apple-style-span" style="color: red;">var picker;</span><br /> <span class="Apple-style-span" style="color: red;">//var gLogger;</span><br /> <span class="Apple-style-span" style="color: red;">var dd1, dd2;</span><br /> <span class="Apple-style-span" style="color: red;">var r, g, b;</span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;">function init() {</span><br /> <span class="Apple-style-span" style="color: red;">if (typeof(ygLogger) != "undefined")</span><br /> <span class="Apple-style-span" style="color: red;">ygLogger.init(document.getElementById("logDiv"));</span><br /> <span class="Apple-style-span" style="color: red;">pickerInit();</span><br /> <span class="Apple-style-span" style="color: red;">//ddcolorposter.fillcolorbox("colorfield1", "colorbox1") //PREFILL "colorbox1" with hex value from "colorfield1"</span><br /> <span class="Apple-style-span" style="color: red;">//ddcolorposter.fillcolorbox("colorfield2", "colorbox2") //PREFILL "colorbox1" with hex value from "colorfield1"</span><br /> <span class="Apple-style-span" style="color: red;">}</span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;">// Picker ---------------------------------------------------------</span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;">function pickerInit() {</span><br /> <span class="Apple-style-span" style="color: red;">hue = YAHOO.widget.Slider.getVertSlider("hueBg", "hueThumb", 0, 180);</span><br /> <span class="Apple-style-span" style="color: red;">hue.onChange = function(newVal) { hueUpdate(newVal); };</span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;">picker = YAHOO.widget.Slider.getSliderRegion("pickerDiv", "selector", 0, 180, 0, 180);</span><br /> <span class="Apple-style-span" style="color: red;">picker.onChange = function(newX, newY) { pickerUpdate(newX, newY); };</span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;">hueUpdate();</span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;">dd1 = new YAHOO.util.DD("pickerPanel");</span><br /> <span class="Apple-style-span" style="color: red;">dd1.setHandleElId("pickerHandle");</span><br /> <span class="Apple-style-span" style="color: red;">dd1.endDrag = function(e) {</span><br /> <span class="Apple-style-span" style="color: red;">// picker.thumb.resetConstraints();</span><br /> <span class="Apple-style-span" style="color: red;">// hue.thumb.resetConstraints();</span><br /> <span class="Apple-style-span" style="color: red;">};</span><br /> <span class="Apple-style-span" style="color: red;">}</span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;">executeonload(init);</span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;">function pickerUpdate(newX, newY) {</span><br /> <span class="Apple-style-span" style="color: red;">pickerSwatchUpdate();</span><br /> <span class="Apple-style-span" style="color: red;">}</span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;">function hueUpdate(newVal) {</span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;">var h = (180 - hue.getValue()) / 180;</span><br /> <span class="Apple-style-span" style="color: red;">if (h == 1) { h = 0; }</span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;">var a = YAHOO.util.Color.hsv2rgb( h, 1, 1);</span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;">document.getElementById("pickerDiv").style.backgroundColor =</span><br /> <span class="Apple-style-span" style="color: red;">"rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")";</span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;">pickerSwatchUpdate();</span><br /> <span class="Apple-style-span" style="color: red;">}</span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;">function pickerSwatchUpdate() {</span><br /> <span class="Apple-style-span" style="color: red;">var h = (180 - hue.getValue());</span><br /> <span class="Apple-style-span" style="color: red;">if (h == 180) { h = 0; }</span><br /> <span class="Apple-style-span" style="color: red;">document.getElementById("pickerhval").value = (h*2);</span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;">h = h / 180;</span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;">var s = picker.getXValue() / 180;</span><br /> <span class="Apple-style-span" style="color: red;">document.getElementById("pickersval").value = Math.round(s * 100);</span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;">var v = (180 - picker.getYValue()) / 180;</span><br /> <span class="Apple-style-span" style="color: red;">document.getElementById("pickervval").value = Math.round(v * 100);</span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;">var a = YAHOO.util.Color.hsv2rgb( h, s, v );</span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;">document.getElementById("pickerSwatch").style.backgroundColor =</span><br /> <span class="Apple-style-span" style="color: red;">"rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")";</span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;">document.getElementById("pickerrval").value = a[0];</span><br /> <span class="Apple-style-span" style="color: red;">document.getElementById("pickergval").value = a[1];</span><br /> <span class="Apple-style-span" style="color: red;">document.getElementById("pickerbval").value = a[2];</span><br /> <span class="Apple-style-span" style="color: red;">var hexvalue = document.getElementById("pickerhexval").value ='#'+</span><br /> <span class="Apple-style-span" style="color: red;">YAHOO.util.Color.rgb2hex(a[0], a[1], a[2]);</span><br /> <span class="Apple-style-span" style="color: red;">ddcolorposter.initialize(a[0], a[1], a[2], hexvalue)</span><br /> <span class="Apple-style-span" style="color: red;">if (hexvalue!="#FFFFFF") document.getElementById("pickerhexval").select();</span><br /> <span class="Apple-style-span" style="color: red;">}</span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;"></script><!--[if gte IE 5.5000]></span><br /> <span class="Apple-style-span" style="color: red;"><script type="text/javascript"></span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;">function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or higher.</span><br /> <span class="Apple-style-span" style="color: red;">{</span><br /> <span class="Apple-style-span" style="color: red;">for(var i=0; i<document.images.length; i++)</span><br /> <span class="Apple-style-span" style="color: red;">{</span><br /> <span class="Apple-style-span" style="color: red;">var img = document.images[i]</span><br /> <span class="Apple-style-span" style="color: red;">var imgName = img.src.toUpperCase()</span><br /> <span class="Apple-style-span" style="color: red;">if (imgName.substring(imgName.length-3, imgName.length) == "PNG")</span><br /> <span class="Apple-style-span" style="color: red;">{</span><br /> <span class="Apple-style-span" style="color: red;">var imgID = (img.id) ? "id='" + img.id + "' " : ""</span><br /> <span class="Apple-style-span" style="color: red;">var imgClass = (img.className) ? "class='" + img.className + "' " : ""</span><br /> <span class="Apple-style-span" style="color: red;">var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "</span><br /> <span class="Apple-style-span" style="color: red;">var imgStyle = "display:inline-block;" + img.style.cssText</span><br /> <span class="Apple-style-span" style="color: red;">if (img.align == "left") imgStyle = "float:left;" + imgStyle</span><br /> <span class="Apple-style-span" style="color: red;">if (img.align == "right") imgStyle = "float:right;" + imgStyle</span><br /> <span class="Apple-style-span" style="color: red;">if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle</span><br /> <span class="Apple-style-span" style="color: red;">var strNewHTML = "<span " + imgID + imgClass + imgTitle</span><br /> <span class="Apple-style-span" style="color: red;">+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"</span><br /> <span class="Apple-style-span" style="color: red;">+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"</span><br /> <span class="Apple-style-span" style="color: red;">+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"</span><br /> <span class="Apple-style-span" style="color: red;">img.outerHTML = strNewHTML</span><br /> <span class="Apple-style-span" style="color: red;">i = i-1</span><br /> <span class="Apple-style-span" style="color: red;">}</span><br /> <span class="Apple-style-span" style="color: red;">}</span><br /> <span class="Apple-style-span" style="color: red;">}</span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;">YAHOO.util.Event.addListener(window, "load", correctPNG);</span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;"><br /> </span><br /> <span class="Apple-style-span" style="color: red;"></script></span><br /> <span class="Apple-style-span" style="color: red;"><![endif]--></span><br />

save and see the results
congratulations now you have your color code widget