Blogger or Wordpress? Why I am Sticking with Blogger

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div class="post-body entry-content" itemprop="articleBody"><b><span style="font-size: x-large;">W</span></b>hich blogging platform should a beginner blogger use? Many different platforms exist, but the two most popular ones are Blogger and Wordpress.<br /><br />People use Blogger because it's free, easy to use, and they can start blogging immediately. Many blogging authorities urge authors and illustrators to use Wordpress.org (requiring self-hosting) because it gives them full ownership of their blog. Wordpress has powerful features, but I'm sticking with Blogger for these reasons:<br /><br /><b>1. From a design standpoint, I can tweak a Blogger blog in multiple ways, while I'm limited to the Wordpress themes.</b><br /><br /><br /><br />I like how I can start with a standard Blogger template and tweak every element, from the header, to the page labels, to the fonts, backgrounds, and colors:<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiVeoLimwRYVt6DV9rK30ZqClxDZNP_9_zYv-dPGmDdmnxE0Ih6GBDVf6tCiPeKRkXyRMdk-1h66koloR97Xy_hI1rbSqjj4_-noVKOo1wYfkx3fKVuRNJvfOuWG8zuR0d6glQ7wXYrb68/s1600/templatedesign.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="118" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiVeoLimwRYVt6DV9rK30ZqClxDZNP_9_zYv-dPGmDdmnxE0Ih6GBDVf6tCiPeKRkXyRMdk-1h66koloR97Xy_hI1rbSqjj4_-noVKOo1wYfkx3fKVuRNJvfOuWG8zuR0d6glQ7wXYrb68/s400/template design.png" width="400" /></a></div><br />I can also drag and drop "gadgets" or elements anywhere in the blog. If I want a less traditional look, I can use dynamic views (to see any Blogger blog in dynamic view, add "/view" to the end of the website address).<br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><br /></td></tr></tbody></table><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"></td></tr></tbody></table></div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td class="tr-caption" style="text-align: center;"><h3><span style="font-size: large;"><b>2. Blogger gadgets provide every "plug in" I need</b>.</span></h3></td></tr></tbody></table><div class="post-body entry-content" itemprop="articleBody"><br />Wordpress supporters love the plug-ins available to make their sites more functional. As someone who showcases my work and writes articles, I haven't found anything I wanted that wasn't easily available as a Blogger gadget or added through HTML code.  For example, some of the gadgets on my sidebar are:<br /><blockquote class="tr_bq"><ul><li><u>Picture links:</u> I post a photo that is clickable to another link. My Etsy shop is accessible this way.</li></ul></blockquote><blockquote class="tr_bq"><ul><li><u>Popular posts</u>: I can show a list of the blog's all time, monthly, or weekly posts, with thumbnails. </li></ul></blockquote><blockquote class="tr_bq"><ul><li><u>Custom HTML gadgets:</u> Blogger includes social media sharing buttons on each post.</li></ul></blockquote><br /><b>3. Blogger is free without ads</b>.<br /><br />If I never want to spend a penny on my blog, I don't have to.  If I were to use Wordpress.com, I could do so for free, but Wordpress can run ads on my blog over which I have no control. If I were to use Wordpress.org, I would have to pay for my domain name and hosting. Hosting is not that expensive, but it is a recurring expense.<br /><br /><b>4. Blogger is part of the Google family</b>.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOj9N_82Bvfiu_FrfXXNvR-Oxf08BKD4Ex7pbrPWm1IZVfJfm6HjefzkPMrh_Z5k4VKrfgDSSG4QPMyBXNpS-1ThSKixd5Zn0OPOD_9V22utBQp5drJptPnG3_ff01X6DF-OD2z1c1qfq1/s1600/google+logo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOj9N_82Bvfiu_FrfXXNvR-Oxf08BKD4Ex7pbrPWm1IZVfJfm6HjefzkPMrh_Z5k4VKrfgDSSG4QPMyBXNpS-1ThSKixd5Zn0OPOD_9V22utBQp5drJptPnG3_ff01X6DF-OD2z1c1qfq1/s1600/google+ logo.png" width="320" /></a></div><br />Because Blogger is part of the Google family, blogs are supported by Google's resources. Other Google products like Adsense, Google Drive, Google+, Apps, Picassa Web Albums, Feedburner, and more, are integrated with Blogger. Google continues to provide new features for Blogger blogs like the ability to set one's own permalink or <a href="http://buzz.blogger.com/2013/04/bringing-google-comments-to-blogger.html">bringing Google+ comments into your blog</a>.<br /><br /><u>One downside</u> of having a blog on Blogger is that while you own the content, you do not own the actual blog. Therefore, you must abide by Google's terms of service or face a risk that Google can delete your blog at its discretion (generally, for spam or pornographic sites). That is a risk I'm willing to take, as I doubt that a children's illustration site will come close to raising any Google red flags. <br /><br /><b>5. I don't need to worry about security or bandwidth. </b><br /><br />If I use a self-hosted Wordpress site, I need to keep up with security updates to make sure the site doesn't get hacked, but I don't have the time or inclination to learn about that. With Blogger, Google takes care of security, and it has a good system of screening for spam.<br /><br />Also, if one of my posts goes crazily viral, Google will have enough bandwidth to accommodate the additional traffic without shutting down the site.<br /><b><br /></b><b>6. It's a wash for SEO.</b><br /><b><br /></b><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHSH99VIDRvtmSDHABs6obhLOmAnL0PdaVWWZtEXmHtsFIXmgIkkK74CHlQWuoSfAzD0ksRyc0KHQP4F68Pltek15L4ODffyNvheCVFS9vJK9KWqKfIZ0zkH-6enJuGQqnXCJOPL136IgA/s1600/SEO+illo.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="147" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHSH99VIDRvtmSDHABs6obhLOmAnL0PdaVWWZtEXmHtsFIXmgIkkK74CHlQWuoSfAzD0ksRyc0KHQP4F68Pltek15L4ODffyNvheCVFS9vJK9KWqKfIZ0zkH-6enJuGQqnXCJOPL136IgA/s200/SEO+illo .png" width="200" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;"><br /></td></tr></tbody></table><br />There's debate about whether Blogger or Wordpress is better for SEO (Search Engine Optimization), but bloggers shouldn't be obsessing over SEO. If a blogger is posting good, fresh content that brings repeated visitors, SEO will take care of itself. But if one is concerned about it, Blogger has introduced <a href="http://blogger.com/2012/03/customize-your-search-preferences.html">several tools to optimize searches, including setting search preferences, meta tags, and making custom error (404) pages</a>.<br /><span style="font-size: large;"><b><br /></b><b><u>...........................................................................................................</u></b></span><b><br /></b><br /><br /><br />What do you think?  Some friends use Weebly to make nice looking websites. Others use Tumblr. What other good options have you found? What are your reasons for choosing the platform you did?<br /><br /></div></div><span style="font-size: large;"><b><u>...........................................................................................................</u></b></span><b><br /></b><br /><br /><br /></div>

Blogger or Wordpress? Why I am Sticking with Blogger

W hich blogging platform should a beginner blogger use? Many different platforms exist, but the two most popular ones are Blogger and Word...

+ Read more »

The Trick to Embedding Your Twitter Timeline into Your Blogger Blog

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="post-body entry-content" id="post-body-2298692059565855464" itemprop="description articleBody"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbi2zCeIJf8sgsnMJ9ujPilo-a-a4L2A2zDT34REUsRzpixwNJdr4pwSOgbw1MXaQG2cnZDNC60QED0OqsgLFRy0uXgvE2hZvavx9mGZg65HyxaxshMkKqsHF9oNXGXex-oZleDiyY74r_/s1600/twitter+feed.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbi2zCeIJf8sgsnMJ9ujPilo-a-a4L2A2zDT34REUsRzpixwNJdr4pwSOgbw1MXaQG2cnZDNC60QED0OqsgLFRy0uXgvE2hZvavx9mGZg65HyxaxshMkKqsHF9oNXGXex-oZleDiyY74r_/s400/twitter+ feed.png" width="248" /></a></div>What is the trick to getting your Twitter timeline to show up on Blogger?<br /><br /><h3><a href="https://www.blogger.com/null" name="more"></a>How to Add a Twitter Feed to Your Blog</h3><br />In theory, it is quite simple: Go to your Twitter page, go to Settings, and click on Widgets. Click "Create New" and configure your widget as you would like (add your user name and play around with the height, theme, and link color). Put in the domain where you would like to have your timeline show up, and click "Create Widget." You will be given an HTML code to add to your sidebar (using the Blogger HTML widget), and there you go.<br /><br /><h3>The Problem? Often, the Twitter Feed Doesn't Show Up. The Solution:</h3><br />The trick to having your Twitter feed actually show up is to include every variation of your domain name when you configure the widget in Twitter. For example, if you have purchased a domain name for your Blogger blog, you need to include both the domain name and your original Blogspot address.<br /><br />Are you on Twitter? Let me know your handle if you want to join the conversation. I'm <a href="https://twitter.com/saadahmads">@saadahmads</a>.<br /><br /><br /><br /><br /></div></div>

The Trick to Embedding Your Twitter Timeline into Your Blogger Blog

What is the trick to getting your Twitter timeline to show up on Blogger? How to Add a Twitter Feed to Your Blog In theory, it is quite simp...

+ Read more »

Choose your own Permalink for your Posts

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="post-body entry-content" id="post-body-9140663957163994943" itemprop="description articleBody"><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGpPxnVSmLjgpdaXRRz_pmB59oWcaDStVH2oKT8mXKJKIHHXw2xR_sigzmu_RWRnXHd1XbXwgvE4MkDia0CH6XI4FTNPSc9WYaiTKJ__0_UX_kPEALJqkmZfr3eJ799eTwNk0ayYNpYizj/s1600/Create+own+permalink.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGpPxnVSmLjgpdaXRRz_pmB59oWcaDStVH2oKT8mXKJKIHHXw2xR_sigzmu_RWRnXHd1XbXwgvE4MkDia0CH6XI4FTNPSc9WYaiTKJ__0_UX_kPEALJqkmZfr3eJ799eTwNk0ayYNpYizj/s320/Create+o wn+permalink.png" width="235" /></a></div><br /><br />Blogger now lets you create your own Permalink for your posts. Why would you want to do this?<br /><div><br /><a href="https://www.blogger.com/null" name="more"></a><br /></div><div>The permalink is the permanent link to your blog post, and it is what search engines crawl to find your content. By making an SEO-friendly link, you can help increase the chances of your post showing up in searches. </div><div><br /></div><div>Normally, Blogger will take your title and create a permalink from it, so people sometimes spend a lot of time trying to write an SEO-friendly title. Now just create the SEO-friendly link you want and title the post how you want, two separate decisions.</div><div><br /></div><div>To create your permalink, go to the Post Settings on the right side of your draft post, click "Permalink," and choose "Custom Permalink." In the space below, create your permalink and click "Done." Be sure to do this before publishing your article for the first time.<br /><br /><br /></div></div></div>

Choose your own Permalink for your Posts

Blogger now lets you create your own Permalink for your posts. Why would you want to do this? The permalink is the permanent link to your ...

+ Read more »

Bloggers: Quit Using CAPTCHAs

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="post-body entry-content" id="post-body-1820841265355915080" itemprop="description articleBody"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdqcsdSGnAW2cjxIXBzUR-DVOrfGR4BCB9udiMXzT6NNTeBrT6JqjnUOHQ3_7gAut9JkvsTy090yziC6RRYAGCVyFK6T8KRwXWH0cmGSGpxcULIsH7SUswMq6p7AD2RT1qKZkJSm5ZB3_b/s1600/captchas-web.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="compilation of various captchas" border="0" height="187" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdqcsdSGnAW2cjxIXBzUR-DVOrfGR4BCB9udiMXzT6NNTeBrT6JqjnUOHQ3_7gAut9JkvsTy090yziC6RRYAGCVyFK6T8KRwXWH0cmGSGpxcULIsH7SUswMq6p7AD2RT1qKZkJSm5ZB3_b/s320/captchas -web.jpg" title="Captchas" width="400" /></a></div><br /><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">A brief public service announcement: if you're a blogger, please don't require your readers to enter a "CAPTCHA" before leaving a comment (those almost illegible words to prove you're not a spambot). Writer and blogger Julie Hedlund explains why in her excellent post, In a nutshell:</span><br /><ul><li><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">You don't need it (Blogger & Wordpress have good spam filters)</span></li><li><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">You may lose comments and readers</span></li><li><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">Your blog will seem less professional</span></li></ul><div><span class="Apple-style-span" style="font-family: Verdana, sans-serif;"></span><br /><a href="https://www.blogger.com/null" name="more"></a><span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><br /></span></div><div><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">The key to providing a good experience at a blog is reducing friction, and requiring someone to verify they are human or moderating comments before they go live are all slight barriers that create friction. Awhile ago, I had disabled my CAPTCHAs in my old Blogger interface, but when I switched over the newer interface, the CAPTCHA setting was added back as a default. So double check your settings.  </span></div><div><span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><br /></span><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">P.S. Here are two things I find interesting about CAPTCHAs:</span><br /><br /><ul><li><span class="Apple-style-span" style="font-family: Verdana, sans-serif;"><u>CAPTCHA</u> stands for "<b>C</b>ompleted <b>A</b>utomated <b>P</b>ublic <b>T</b>uring test to tell <b>C</b>omputers and <b>H</b>umans <b>A</b>part." As Wikipedia points out, <a href="http://en.wikipedia.org/wiki/CAPTCHA">CAPTCHAs are actually reverse Turing tests</a>, as Turing tests are given by humans to determine whether a machine is a human, while CAPTCHAs are given by a machine to determine whether a human is a machine. </span></li></ul><ul><li><span class="Apple-style-span" style="font-family: Verdana, sans-serif;">Sometimes the fake words that are generated are pretty good....</span></li></ul></div></div></div>

Bloggers: Quit Using CAPTCHAs

A brief public service announcement: if you're a blogger, please don't require your readers to enter a "CAPTCHA" befor...

+ Read more »

HOw to Hack Any Computer, Account and anything By USing EMissary KEylogger.

<div style="background-color: white; border: 0px; font-family: 'Myriad Pro', 'Trebuchet MS', Helvetica, Arial, sans-serif; line-height: 21px; margin-bottom: 1em; margin-top: 1em; padding: 0px; vertical-align: baseline;"><span style="color: #4e4e4e;"><span style="font-size: large;"><b>H</b></span>ello friends lets start learning how to hack. Today i am going to share a keylogger which used to hack others pc. Just you have to make your </span><span style="color: #4e4e4e;">virus file and send it your enemy’s pc. This keylogger will monitor your enemy’s every keystroke and send it to your email address.</span><br /><div style="font-size: 14px;"><span style="color: #4e4e4e;"><br /></span></div><div style="font-size: 14px;"><span style="color: #4e4e4e;"><br /></span></div></div><div style="background-color: white; border: 0px; color: #4e4e4e; font-family: 'Myriad Pro', 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px; margin-bottom: 1em; margin-top: 1em; padding: 0px; vertical-align: baseline;"><div class="separator" style="clear: both; text-align: center;"><a href="http://freedom003.files.wordpress.com/2013/05/fullscreen-capture-5252013-24038-pm-bmp.jpg" style="background-color: transparent; border: 0px; color: #0071bb; margin-left: 1em; margin-right: 1em; margin-top: 0px; outline: none; padding: 0px; vertical-align: baseline;"><img alt="Image" class="size-full wp-image" id="i-1712" src="http://freedom003.files.wordpress.com/2013/05/fullscreen-capture-5252013-24038-pm-bmp.jpg?w=535" style="background-color: transparent; border: none; height: auto; margin: 0px; max-width: 98%; padding: 0px; vertical-align: baseline; width: auto;" /></a></div></div><div style="background-color: white; border: 0px; color: #4e4e4e; font-family: 'Myriad Pro', 'Trebuchet MS', Helvetica, Arial, sans-serif; line-height: 21px; margin-bottom: 1em; margin-top: 1em; padding: 0px; vertical-align: baseline;"><div class="_4-u3 _5cla" style="border-top-left-radius: 3px; border-top-right-radius: 3px; border-top-style: none; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 16px;"><div class="_5k3v _5k3w clearfix" style="line-height: 20px; margin-top: 16px; word-wrap: break-word; zoom: 1;"><div style="font-size: 14px;"><br /></div><ol style="font-size: 14px; padding: 0px 10px 0px 25px;"><li>first u must have the emissary keylogger in ur system. and Net Framework installed bcoz keyloggers wont work without this.</li><li>then u have 2 create fake account at google. its use is this when u hack a person his  data will be mailed to ur account.</li><li>ok when u do these 2 Now open the the Emissary Keylogger.</li><li>their you can see Gmail User Name. and below it Gmail Password. PUt the gamil account with password their . Bcoz  this will confrm itslef that the mails have 2 sent for ths account or not..</li><li>when u put their u can see Test Mail.. just click on it . it will be blink for a minute and then a window will appear and saying "Message has sent. Check your mail." then check ur mail is their a msg recieved from the emissary. if not then try again bcoz u hv enterd the pass or id wrong.</li><li>After it below u can see Server Namme in the bracket will be written "sever.exe" well u can change the name like Nav.exe..<strong>NOTe  u can only change server but not .exe  e.g..  NAv.exe.</strong></li><li>Below that is Interval .. IT means that what u want in how much minutes the mail come to u from the victms pc. i like to give it 3 bcoz this is gud.</li><li>At the End u can see  Build Server. just click on it and i file will apear at ur system by then name u have given in server name . and it will be at the same directory where the emissary keylogger is..</li><li>NOW the file is created with u.. Give that file to the victm who u want to hack If he OPens it then he will be hacked..</li><li>If u are worried how can i gave them . Then post it to the free web hosting space like <a href="http://www.mediafire.com/" rel="nofollow" style="color: #3b5998; cursor: pointer; text-decoration: none;" target="_blank">www.mediafire.com</a></li></ol><ol style="font-size: 14px; padding: 0px 10px 0px 25px;"></ol><div style="font-size: 14px;"><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><br /></div><div style="font-size: 14px;"><span class="photo photo_center" style="clear: both; display: block; padding: 0px 0px 10px; text-align: center;"></span></div><div style="border: 0px; color: #4e4e4e; font-family: 'Myriad Pro', 'Trebuchet MS', Helvetica, Arial, sans-serif; line-height: 21px; margin-bottom: 1em; margin-top: 1em; padding: 0px; text-align: center; vertical-align: baseline;"><strong style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="font-size: large;">To download this software </span></strong></div><div style="border: 0px; color: #4e4e4e; font-family: 'Myriad Pro', 'Trebuchet MS', Helvetica, Arial, sans-serif; line-height: 21px; margin-bottom: 1em; margin-top: 1em; padding: 0px; text-align: center; vertical-align: baseline;"><strong style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="font-size: large;"><a href="http://adf.ly/cYwtb" style="background-color: transparent; border: 0px; color: #0071bb; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;" target="_blank" title="Emissary keylogger">click here</a></span></strong></div><div style="border: 0px; color: #4e4e4e; font-family: 'Myriad Pro', 'Trebuchet MS', Helvetica, Arial, sans-serif; line-height: 21px; margin-bottom: 1em; margin-top: 1em; padding: 0px; text-align: center; vertical-align: baseline;"><br /></div><div style="border: 0px; color: #4e4e4e; font-family: 'Myriad Pro', 'Trebuchet MS', Helvetica, Arial, sans-serif; line-height: 21px; margin-bottom: 1em; margin-top: 1em; padding: 0px; text-align: center; vertical-align: baseline;"><strong style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="font-size: 14px; font-weight: normal; text-align: left;">Please not that do not use this software for hacking. Its for learning how to hack</span></strong></div><div style="font-size: 14px; text-align: center;"><br /></div></div></div></div>

HOw to Hack Any Computer, Account and anything By USing EMissary KEylogger.

H ello friends lets start learning how to hack. Today i am going to share a keylogger which used to hack others pc. Just you have to make yo...

+ Read more »

Html Editor

<div dir="ltr" style="text-align: left;" trbidi="on"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>HTML Editor</title><style type="text/css"> a{ color:#0080ff; text-decoration:none;} a:hover, a:visited {color:#289728; text-decoration:underline} .mbt { color: #0080ff; font-size: 12px; font-weight: bold; font-family: Tahoma, Geneva, sans-serif; } .mbt1 { font-family: Verdana, Geneva, sans-serif; font-weight: bold; font-size: 10px; color: #289728; } .h { color: #0080ff; } </style> </head> <body><script> //////////////////////////////////////////////////////////////////// // Setting var rate = 20; // Increase amount(The degree of the transmutation) //////////////////////////////////////////////////////////////////// // Main routine if (document.getElementById) window.onerror=new Function("return true") var objActive; // The object which event occured in var act = 0; // Flag during the action var elmH = 0; // Hue var elmS = 128; // Saturation var elmV = 255; // Value var clrOrg; // A color before the change var TimerID; // Timer ID if (document.all) { document.onmouseover = doRainbowAnchor; document.onmouseout = stopRainbowAnchor; } else if (document.getElementById) { document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT); document.onmouseover = Mozilla_doRainbowAnchor; document.onmouseout = Mozilla_stopRainbowAnchor; } //============================================================================= // doRainbow // This function begins to change a color. //============================================================================= function doRainbow(obj) { if (act == 0) { act = 1; if (obj) objActive = obj; else objActive = event.srcElement; clrOrg = objActive.style.color; TimerID = setInterval("ChangeColor()",100); } } //============================================================================= // stopRainbow // This function stops to change a color. //============================================================================= function stopRainbow() { if (act) { objActive.style.color = clrOrg; clearInterval(TimerID); act = 0; } } //============================================================================= // doRainbowAnchor // This function begins to change a color. (of a anchor, automatically) //============================================================================= function doRainbowAnchor() { if (act == 0) { var obj = event.srcElement; while (obj.tagName != 'A' && obj.tagName != 'BODY') { obj = obj.parentElement; if (obj.tagName == 'A' || obj.tagName == 'BODY') break; } if (obj.tagName == 'A' && obj.href != '') { objActive = obj; act = 1; clrOrg = objActive.style.color; TimerID = setInterval("ChangeColor()",100); } } } //============================================================================= // stopRainbowAnchor // This function stops to change a color. (of a anchor, automatically) //============================================================================= function stopRainbowAnchor() { if (act) { if (objActive.tagName == 'A') { objActive.style.color = clrOrg; clearInterval(TimerID); act = 0; } } } //============================================================================= // Mozilla_doRainbowAnchor(for Netscape6 and Mozilla browser) // This function begins to change a color. (of a anchor, automatically) //============================================================================= function Mozilla_doRainbowAnchor(e) { if (act == 0) { obj = e.target; while (obj.nodeName != 'A' && obj.nodeName != 'BODY') { obj = obj.parentNode; if (obj.nodeName == 'A' || obj.nodeName == 'BODY') break; } if (obj.nodeName == 'A' && obj.href != '') { objActive = obj; act = 1; clrOrg = obj.style.color; TimerID = setInterval("ChangeColor()",100); } } } //============================================================================= // Mozilla_stopRainbowAnchor(for Netscape6 and Mozilla browser) // This function stops to change a color. (of a anchor, automatically) //============================================================================= function Mozilla_stopRainbowAnchor(e) { if (act) { if (objActive.nodeName == 'A') { objActive.style.color = clrOrg; clearInterval(TimerID); act = 0; } } } //============================================================================= // Change Color // This function changes a color actually. //============================================================================= function ChangeColor() { objActive.style.color = makeColor(); } //============================================================================= // makeColor // This function makes rainbow colors. //============================================================================= function makeColor() { // Don't you think Color Gamut to look like Rainbow? // HSVtoRGB if (elmS == 0) { elmR = elmV; elmG = elmV; elmB = elmV; } else { t1 = elmV; t2 = (255 - elmS) * elmV / 255; t3 = elmH % 60; t3 = (t1 - t2) * t3 / 60; if (elmH < 60) { elmR = t1; elmB = t2; elmG = t2 + t3; } else if (elmH < 120) { elmG = t1; elmB = t2; elmR = t1 - t3; } else if (elmH < 180) { elmG = t1; elmR = t2; elmB = t2 + t3; } else if (elmH < 240) { elmB = t1; elmR = t2; elmG = t1 - t3; } else if (elmH < 300) { elmB = t1; elmG = t2; elmR = t2 + t3; } else if (elmH < 360) { elmR = t1; elmG = t2; elmB = t1 - t3; } else { elmR = 0; elmG = 0; elmB = 0; } } elmR = Math.floor(elmR).toString(16); elmG = Math.floor(elmG).toString(16); elmB = Math.floor(elmB).toString(16); if (elmR.length == 1) elmR = "0" + elmR; if (elmG.length == 1) elmG = "0" + elmG; if (elmB.length == 1) elmB = "0" + elmB; elmH = elmH + rate; if (elmH >= 360) elmH = 0; return '#' + elmR + elmG + elmB; } </script> <table border="0" cellpadding="0" cellspacing="0" style="background: #fff; width: 100%px;"><tr> <th scope="col"><a href="http://www.e-ideamart.blogspot.com/" target="_blank"><img alt="My Blogger Tricks" height="150" longdesc="http://www.mybloggertricks.com" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP_vgE0N8ocZNQzVG8p-Rjz5kT_8exqLQ7eMp_c6x3UJ1K4oTjq-kI7reqTy3q0cnTXymQVqoUabynLgTh887SODEsAIEC3DfbRH9QP5rJEHp02l0ZAh09wBNOP_ET47H-p5xpyHaifY8/s1600-r/myblogger-tricks.png" style="border: 2px solid #289728; float: left; padding: 5px;" width="600" /></a></th> </tr><tr> <td><br /> <table style="background: #289728; border: solid 1px #cccccc; padding: 2px; width: 600px;"><tr><td valign="top"><form method="post" name="form1"> <textarea class="mbt" name="code" onclick="focus(this.code)" style="border: solid 1px #cccccc; height: 400px; padding: 1px; scroll: auto; width: 100px;"><style> Add CSS Code Here </style> Add HTML Code Here

CSS Web Colour Chart

<div dir="ltr" style="text-align: left;" trbidi="on"><img align="left" alt="Embeddable css color chart" border="0" height="286" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieJmGLbOu5o-vHkEkOWkcRt1pjuXozx4QqMxuCYQmd2Wp74FBzlDwfC6a02HSBjWY-9dpCuf0fcYsb1oRVujlKomevwqQ5Mu7Om2D43p9Cf_OSUWm6Xmr-h6kKOGkNFG68qj_Oa-zw7FM/?imgmax=800" style="background-color: white; border-width: 0px; color: #555555; display: inline; font-family: helvetica, arial; font-size: 14px; line-height: 22.390625px; margin-left: 0px; margin-right: 0px; padding: 10px; text-align: justify;" title="Embeddable css color chart" width="320" /><span style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.390625px; text-align: justify;"></span><br /><div style="text-align: justify;"><span style="background-color: white; color: #555555; font-family: helvetica, arial; font-size: 14px; line-height: 22.390625px; text-align: justify;"><span style="color: #555555; font-family: helvetica, arial;">Below is an embeddable </span><span style="color: green; font-family: helvetica, arial;"><strong>Web Colour Chart</strong></span><span style="color: #555555; font-family: helvetica, arial;"> most probably known as </span><span style="color: green; font-family: helvetica, arial;"><strong>hexadecimal colour chart</strong></span><span style="color: #555555; font-family: helvetica, arial;">. The chart below consists of a total 216 hexadecimal colours which are well interpreted by all browsers and are compatible in every sense. The Colour chart below uses a combination of well scripted HTML and CSS to produce a mouse over effect when you hover your cursor over the table cells. You can use this chart for both free and commercial purpose. You can use these </span><span style="color: green; font-family: helvetica, arial;"><strong>colour codes<span style="color: black;">/</span>hexadecimal values</strong></span><span style="color: #555555; font-family: helvetica, arial;"> for editing your Blogspot, Wordpress or web templates. They are web safe colours so they look the same in any browser.</span></span></div><br /><br /><div dir="ltr" style="text-align: left;" trbidi="on"><div align="justify"></div><div align="justify"></div><center> <h4> <div dir="ltr" style="text-align: left;" trbidi="on"><div style="border-bottom: #0080ff 1px dotted; border-top: #0080ff 1px dotted; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; padding-top: 3px;"><div style="text-align: center;"><span style="color: #0080ff;">CSS Web Colour Chart</span></div></div><center> </center><center></center><center></center><center> <table border="0" cellpadding="4" cellspacing="2" style="width: 551px;"><tbody><tr> <td bgcolor="#ffffff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="89"><span style="color: #004000;">#FFFFF</span> </td> <td bgcolor="#ffffcc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="89"><span style="color: #004000;">#FFFFCC</span></td> <td bgcolor="#ffff99" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#FFFF99</span></td> <td bgcolor="#ffff66" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#FFFF66</span></td> <td bgcolor="#ffff33" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#FFFF33</span></td> <td bgcolor="#ffff00" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96"><span style="color: #004000;">#FFFF00</span></td> </tr><tr> <td bgcolor="#ffccff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="89"><span style="color: #004000;">#FFCCFF</span></td> <td bgcolor="#ffcccc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="89"><span style="color: #004000;">#FFCCCC</span></td> <td bgcolor="#ffcc99" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#FFCC99</span></td> <td bgcolor="#ffcc66" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#FFCC66</span></td> <td bgcolor="#ffcc33" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#FFCC33</span></td> <td bgcolor="#ffcc00" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96"><span style="color: #004000;">#FFCC00</span></td> </tr><tr> <td bgcolor="#ff99ff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90"><span style="color: #004000;">#FF99FF</span></td> <td bgcolor="#ff99cc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88"><span style="color: #004000;">#FF99CC</span></td> <td bgcolor="#ff9999" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#FF9999</span></td> <td bgcolor="#ff9966" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#FF9966</span></td> <td bgcolor="#ff9933" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#FF9933</span></td> <td bgcolor="#ff9900" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96"><span style="color: #004000;">#FF9900</span></td> </tr><tr> <td bgcolor="#ff66ff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90"><span style="color: white;">#FF66FF</span></td> <td bgcolor="#ff66cc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88"><span style="color: white;">#FF66CC</span></td> <td bgcolor="#ff6699" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#FF6699</span></td> <td bgcolor="#ff6666" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#FF6666</span></td> <td bgcolor="#ff6633" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#FF6633</span></td> <td bgcolor="#ff6600" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96"><span style="color: white;">#FF6600</span></td> </tr><tr> <td bgcolor="#ff33ff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90"><span style="color: white;">#FF33FF</span></td> <td bgcolor="#ff33cc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88"><span style="color: white;">#FF33CC</span></td> <td bgcolor="#ff3399" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#FF3399</span></td> <td bgcolor="#ff3366" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#FF3366</span></td> <td bgcolor="#ff3333" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#FF3333</span></td> <td bgcolor="#ff3300" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96"><span style="color: white;">#FF3300</span></td> </tr><tr> <td bgcolor="#ff00ff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90"><span style="color: white;">#FF00FF</span></td> <td bgcolor="#ff00cc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88"><span style="color: white;">#FF00CC</span></td> <td bgcolor="#ff0099" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#FF0099</span></td> <td bgcolor="#ff0066" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#FF0066</span></td> <td bgcolor="#ff0033" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#FF0033</span></td> <td bgcolor="#ff0000" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96"><span style="color: white;">#FF0000</span></td> </tr></tbody></table><br /></center><center> <table border="0" cellpadding="4" cellspacing="2" style="width: 551px;"><tbody><tr> <td bgcolor="#ccffff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="89"><span style="color: #004000;">#CCFFFF</span> </td> <td bgcolor="#ccffcc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="89"><span style="color: #004000;">#CCFFCC</span></td> <td bgcolor="#ccff99" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#CCFF99</span></td> <td bgcolor="#ccff66" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#CCFF66</span></td> <td bgcolor="#ccff33" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#CCFF33</span></td> <td bgcolor="#ccff00" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96"><span style="color: #004000;">#CCFF00</span></td> </tr><tr> <td bgcolor="#ccccff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="89"><span style="color: #004000;">#CCCCFF</span></td> <td bgcolor="#cccccc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="89"><span style="color: #004000;">#CCCCCC</span></td> <td bgcolor="#cccc99" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#CCCC99</span></td> <td bgcolor="#cccc66" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#CCCC66</span></td> <td bgcolor="#cccc33" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#CCCC33</span></td> <td bgcolor="#cccc00" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96"><span style="color: #004000;">#CCCC00</span></td> </tr><tr> <td bgcolor="#cc99ff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90"><span style="color: #004000;">#CC99FF</span></td> <td bgcolor="#cc99cc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88"><span style="color: #004000;">#CC99CC</span></td> <td bgcolor="#cc9999" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#CC9999</span></td> <td bgcolor="#cc9966" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#CC9966</span></td> <td bgcolor="#cc9933" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#CC9933</span></td> <td bgcolor="#cc9900" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96"><span style="color: #004000;">#CC9900</span></td> </tr><tr> <td bgcolor="#cc66ff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90"><span style="color: white;">#CC66FF</span></td> <td bgcolor="#cc66cc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88"><span style="color: white;">#CC66CC</span></td> <td bgcolor="#cc6699" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#CC6699</span></td> <td bgcolor="#cc6666" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#CC6666</span></td> <td bgcolor="#cc6633" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#CC6633</span></td> <td bgcolor="#cc6600" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96"><span style="color: white;">#CC6600</span></td> </tr><tr> <td bgcolor="#cc33ff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90"><span style="color: white;">#CC33FF</span></td> <td bgcolor="#cc33cc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88"><span style="color: white;">#CC33CC</span></td> <td bgcolor="#cc3399" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#CC3399</span></td> <td bgcolor="#cc3366" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#CC3366</span></td> <td bgcolor="#cc3333" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#CC3333</span></td> <td bgcolor="#cc3300" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96"><span style="color: white;">#CC3300</span></td> </tr><tr> <td bgcolor="#cc00ff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90"><span style="color: white;">#CC00FF</span></td> <td bgcolor="#cc00cc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88"><span style="color: white;">#CC00CC</span></td> <td bgcolor="#cc0099" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#CC0099</span></td> <td bgcolor="#cc0066" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#CC0066</span></td> <td bgcolor="#cc0033" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#CC0033</span></td> <td bgcolor="#cc0000" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96"><span style="color: white;">#CC0000</span></td> </tr></tbody></table></center><center> </center><center> <table border="0" cellpadding="4" cellspacing="2" style="width: 551px;"><tbody><tr> <td bgcolor="#99ffff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="91"><span style="color: #004000;">#99FFFF</span> </td> <td bgcolor="#99ffcc" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="89"><span style="color: #004000;">#99FFCC</span></td> <td bgcolor="#99ff99" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#99FF99</span></td> <td bgcolor="#99ff66" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="86"><span style="color: #004000;">#99FF66</span></td> <td bgcolor="#99ff33" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="86"><span style="color: #004000;">#99FF33</span></td> <td bgcolor="#99ff00" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96"><span style="color: #004000;">#99FF00</span></td> </tr><tr> <td bgcolor="#99ccff" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="89"><span style="color: #004000;">#99CCFF</span></td> <td bgcolor="#99cccc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="89"><span style="color: #004000;">#99CCCC</span></td> <td bgcolor="#99cc99" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#99CC99</span></td> <td bgcolor="#99cc66" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#99CC66</span></td> <td bgcolor="#99cc33" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#99CC33</span></td> <td bgcolor="#99cc00" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96"><span style="color: #004000;">#99CC00</span></td> </tr><tr> <td bgcolor="#9999ff" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90"><span style="color: #004000;">#9999FF</span></td> <td bgcolor="#9999cc" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88"><span style="color: #004000;">#9999CC</span></td> <td bgcolor="#999999" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#999999</span></td> <td bgcolor="#999966" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#999966</span></td> <td bgcolor="#999933" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#999933</span></td> <td bgcolor="#999900" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96"><span style="color: #004000;">#999900</span></td> </tr><tr> <td bgcolor="#9966ff" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90"><span style="color: white;">#9966FF</span></td> <td bgcolor="#9966cc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88"><span style="color: white;">#9966CC</span></td> <td bgcolor="#996699" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#996699</span></td> <td bgcolor="#996666" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#996666</span></td> <td bgcolor="#999933" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#999933</span></td> <td bgcolor="#999900" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96"><span style="color: white;">#999900</span></td> </tr><tr> <td bgcolor="#9933ff" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90"><span style="color: white;">#9933FF</span></td> <td bgcolor="#9933cc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88"><span style="color: white;">#9933CC</span></td> <td bgcolor="#993399" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#993399</span></td> <td bgcolor="#993366" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#993366</span></td> <td bgcolor="#993333" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#993333</span></td> <td bgcolor="#993300" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96"><span style="color: white;">#993300</span></td> </tr><tr> <td bgcolor="#9900ff" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90"><span style="color: white;">#9900FF</span></td> <td bgcolor="#9900cc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88"><span style="color: white;">#9900CC</span></td> <td bgcolor="#990099" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#990099</span></td> <td bgcolor="#990066" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#990066</span></td> <td bgcolor="#990033" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#990033</span></td> <td bgcolor="#990000" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96"><span style="color: white;">#990000</span></td> </tr></tbody></table></center><tt></tt><br /><center> <table border="0" cellpadding="4" cellspacing="2" style="width: 551px;"><tbody><tr> <td bgcolor="#66ffff" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="91"><span style="color: #004000;">#66FFFF</span> </td> <td bgcolor="#66ffcc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="89"><span style="color: #004000;">#66FFCC</span></td> <td bgcolor="#66ff99" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#66FF99</span></td> <td bgcolor="#66ff66" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="86"><span style="color: #004000;">#66FF66</span></td> <td bgcolor="#66ff33" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="86"><span style="color: #004000;">#66FF33</span></td> <td bgcolor="#66ff00" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96"><span style="color: #004000;">#66FF00</span></td> </tr><tr> <td bgcolor="#66ccff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="89"><span style="color: #004000;">#66CCFF</span></td> <td bgcolor="#66cccc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="89"><span style="color: #004000;">#66CCCC</span></td> <td bgcolor="#66cc99" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#66CC99</span></td> <td bgcolor="#66cc66" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#66CC66</span></td> <td bgcolor="#66cc33" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#66CC33</span></td> <td bgcolor="#66cc00" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96"><span style="color: #004000;">#66CC00</span></td> </tr><tr> <td bgcolor="#6699ff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90"><span style="color: #004000;">#6699FF</span></td> <td bgcolor="#6699cc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88"><span style="color: #004000;">#6699CC</span></td> <td bgcolor="#669999" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#669999</span></td> <td bgcolor="#669966" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#669966</span></td> <td bgcolor="#669933" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#669933</span></td> <td bgcolor="#669900" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96"><span style="color: #004000;">#669900</span></td> </tr><tr> <td bgcolor="#6666ff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90"><span style="color: white;">#6666FF</span> </td> <td bgcolor="#6666cc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88"><span style="color: white;">#6666CC</span> </td> <td bgcolor="#666699" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#666699</span> </td> <td bgcolor="#666666" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#666666</span> </td> <td bgcolor="#666633" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#666633</span> </td> <td bgcolor="#666600" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96"><span style="color: white;">#666600</span> </td> </tr><tr> <td bgcolor="#6633ff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90"><span style="color: white;">#6633FF</span> </td> <td bgcolor="#6633cc" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88"><span style="color: white;">#6633CC</span> </td> <td bgcolor="#663399" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#663399</span> </td> <td bgcolor="#663366" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#663366</span> </td> <td bgcolor="#663333" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#663333</span> </td> <td bgcolor="#663300" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96"><span style="color: white;">#663300</span> </td> </tr><tr> <td bgcolor="#6600ff" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90"><span style="color: white;">#6600FF</span> </td> <td bgcolor="#6600cc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88"><span style="color: white;">#6600CC</span> </td> <td bgcolor="#660099" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#660099</span> </td> <td bgcolor="#660066" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#660066</span> </td> <td bgcolor="#660033" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#660033</span> </td> <td bgcolor="#660000" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96"><span style="color: white;">#660000</span> </td> </tr></tbody></table></center><span style="color: white;"></span><br /><center> <table border="0" cellpadding="4" cellspacing="2" style="width: 551px;"><tbody><tr> <td bgcolor="#33ffff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="91"><span style="color: #004000;">#33FFFF</span> </td> <td bgcolor="#33ffcc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="89"><span style="color: #004000;">#33FFCC</span></td> <td bgcolor="#33ff99" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#33FF99</span></td> <td bgcolor="#33ff66" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="86"><span style="color: #004000;">#33FF66</span></td> <td bgcolor="#33ff33" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="86"><span style="color: #004000;">#33FF33</span></td> <td bgcolor="#33ff00" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96"><span style="color: #004000;">#33FF00</span></td> </tr><tr> <td bgcolor="#03ccf0" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="89"><span style="color: #004000;">#33CCFF</span></td> <td bgcolor="#33cccc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="89"><span style="color: #004000;">#33CCCC</span></td> <td bgcolor="#33cc99" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#33CC99</span></td> <td bgcolor="#33cc66" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#33CC66</span></td> <td bgcolor="#33cc33" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#33CC33</span></td> <td bgcolor="#33cc00" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96"><span style="color: #004000;">#33CC00</span></td> </tr><tr> <td bgcolor="#3399ff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90"><span style="color: #004000;">#3399FF</span></td> <td bgcolor="#3399cc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88"><span style="color: #004000;">#3399CC</span></td> <td bgcolor="#339999" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#339999</span></td> <td bgcolor="#339966" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#339966</span></td> <td bgcolor="#339933" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#339933</span></td> <td bgcolor="#339900" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96"><span style="color: #004000;">#339900</span></td> </tr><tr> <td bgcolor="#3366ff" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90"><span style="color: white;">#3366FF</span> </td> <td bgcolor="#3366cc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88"><span style="color: white;">#3366CC</span> </td> <td bgcolor="#336699" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#336699</span> </td> <td bgcolor="#336666" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#336666</span> </td> <td bgcolor="#336633" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#336633</span> </td> <td bgcolor="#336600" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96"><span style="color: white;">#336600</span> </td> </tr><tr> <td bgcolor="#3333ff" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90"><span style="color: white;">#3333FF</span> </td> <td bgcolor="#3333cc" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88"><span style="color: white;">#3333CC</span> </td> <td bgcolor="#333399" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#333399</span> </td> <td bgcolor="#333366" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#333366</span> </td> <td bgcolor="#333333" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#333333</span> </td> <td bgcolor="#333300" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96"><span style="color: white;">#333300</span> </td> </tr><tr> <td bgcolor="#3300ff" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90"><span style="color: white;">#3300FF</span> </td> <td bgcolor="#3300cc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88"><span style="color: white;">#3300CC</span> </td> <td bgcolor="#330099" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#330099</span> </td> <td bgcolor="#330066" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#330066</span> </td> <td bgcolor="#330033" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#330033</span> </td> <td bgcolor="#330000" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96"><span style="color: white;">#330000</span> </td> </tr></tbody></table><br /></center><center> <table border="0" cellpadding="4" cellspacing="2" style="width: 551px;"><tbody><tr> <td bgcolor="#00ffff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="91"><span style="color: #004000;">#00FFFF</span> </td> <td bgcolor="#00ffcc" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="89"><span style="color: #004000;">#00FFCC</span></td> <td bgcolor="#00ff99" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#00FF99</span></td> <td bgcolor="#00ff66" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="86"><span style="color: #004000;">#00FF66</span></td> <td bgcolor="#00ff33" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="86"><span style="color: #004000;">#00FF33</span></td> <td bgcolor="#00ff00" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96"><span style="color: #004000;">#00FF00</span></td> </tr><tr> <td bgcolor="#00ccff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="89"><span style="color: #004000;">#00CCFF</span></td> <td bgcolor="#00cccc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="89"><span style="color: #004000;">#00CCCC</span></td> <td bgcolor="#00cc99" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#00CC99</span></td> <td bgcolor="#00cc66" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#00CC66</span></td> <td bgcolor="#00cc33" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#00CC33</span></td> <td bgcolor="#00cc00" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96"><span style="color: #004000;">#00CC00</span></td> </tr><tr> <td bgcolor="#0099ff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90"><span style="color: #004000;">#0099FF</span></td> <td bgcolor="#0099cc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88"><span style="color: #004000;">#0099CC</span></td> <td bgcolor="#009999" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#009999</span></td> <td bgcolor="#009966" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#009966</span></td> <td bgcolor="#009933" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: #004000;">#009933</span></td> <td bgcolor="#009900" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96"><span style="color: #004000;">#009900</span></td> </tr><tr> <td bgcolor="#0066ff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90"><span style="color: white;">#0066FF</span> </td> <td bgcolor="#0066cc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88"><span style="color: white;">#0066CC</span> </td> <td bgcolor="#006699" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#006699</span> </td> <td bgcolor="#006666" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#006666</span> </td> <td bgcolor="#006633" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#006633</span> </td> <td bgcolor="#006600" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96"><span style="color: white;">#006600</span> </td> </tr><tr> <td bgcolor="#0033ff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90"><span style="color: white;">#0033FF</span></td> <td bgcolor="#0033cc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88"><span style="color: white;">#0033CC</span></td> <td bgcolor="#003399" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#003399</span> </td> <td bgcolor="#003366" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#003366</span> </td> <td bgcolor="#003333" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#003333</span> </td> <td bgcolor="#003300" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96"><span style="color: white;">#003300</span> </td> </tr><tr> <td bgcolor="#0000ff" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="90"><span style="color: white;">#0000FF</span> </td> <td bgcolor="#0000cc" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="88"><span style="color: white;">#0000CC</span> </td> <td bgcolor="#000099" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#000099</span> </td> <td bgcolor="#000066" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#000066</span> </td> <td bgcolor="#000033" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="87"><span style="color: white;">#000033</span> </td> <td bgcolor="#000000" class="mbt_out" onmouseout="this.className='mbt_out';" onmouseover="this.className='mbt_over';" valign="top" width="96"><span style="color: white;">#000000</span> </td> </tr></tbody></table><br /></center><center></center><br />Web developers and bloggers are requested to attach a link-back to this blog if they wish to share this chart with their readers.</div></h4></center></div></div>

CSS Web Colour Chart

Below is an embeddable  Web Colour Chart  most probably known as  hexadecimal colour chart . The chart below consists of a total 216 hexadec...

+ Read more »