How To Add Twitter Follow Button To Your Blog ?

After Facebook the biggest name in social media is twitter with 500+ million users and 350+ million tweets generated daily. Twitter Follow button is one of  the 3 Must have blogger widget on your blog along with Facebook like Box and Popular post widget. By adding Twitter follow button on your blog you can increase your twitter followers which will result in greater traffic from the twitter. This will allow visitors to easily follow you on twitter directly from your blog You can check my twitter follow button on the right sidebar of my blog.

How to add ?

1. Go to Twitter Button Website.
2. Choose Follow from the four options as shown below.

twitter follow button







3. Now in the Button options Enter your twitter username in user field as i have enter my username @mybloggersworld. as shown in below picture. You may check  Large button to increase the size of twitter follow button, but for the best result leave the settings as shown below.
twitter follow button

4. Copy the button code which is on the right side under the title Preview and Code in small box below your twitter button as highlighted in red in the picture below.

twitter follow button

5. Now your twitter button is ready to be install on your blog, In order to do go to your blogger dashboard then layout.
6. Click on Add gadget and choose Html/Javascript from pop up window and paste the code copied in Step 4 in the box.
7. Now save the widget and you have Twitter follow button on your blog.


Creating Simple Drop Down Menu For Blogger

blogger drop down menu
A drop down is really essential tool or widget for any blog or websites. It gives real feel or look of the template or blog. Drop down menu lets users easily navigate through different parts of the blog. In this tutorial i will teach you to add simple navigation menu or Drop down menu to your blog. The good thing about this widget is that it requires no jquery and is coded completely in Html and CSS. So it loads really fast. Lets get started!.

How To Add Drop Down Menu ?

1. Go to blogger Dashboard and click on Layout.
2. Then Click on Add Gadget (Below Header not on sidebar) and Choose Html/Javascript Widget.
3. Now Paste below code into it.
<div id='mbwnavbar'>
      <ul id='mbwnav'>
        <li>
          <a href='#'>Home</a>
        </li>
        <li>
          <a href='#'>About</a>
       </li>
        <li>
          <a href='#'>Contact</a>
        </li>
         <li>
           <a href='#'>Sitemap</a>
            <ul>
                <li><a href='#'>Sub Category #1</a></li>
                <li><a href='#'>Sub Category#2</a></li>
            </ul>
        </li>
      </ul>
    </div>
4. Now Change the text in Bold with appropriate label and also replace the url highlighted in red color (#).
5. To add another tab to the drop down menu then add below code before </ul>. or delete that code from above code to remove any menu.
 <li>
       <a href='#'>Contact</a>
 </li> 
6. Now we will add CSS, Go to Blogger Dashboard and click on Template and click on Edit Html. Backup your template before doing this.

  • Backup Your Template In 3 Simple Steps

7. Then Search for below code.
]]></b:skin>
8. Paste the below code above the code you searched in Step 7.
/**MBW Navgation bar**/
#mbwnavbar {
    background: #464849;
    width: 960px;
    color: #FFF;
    margin: 0px;
    padding: 0;
    position: relative;
    border-top:0px solid #960100;
    height:35px;
}
#mbwnav {
    margin: 0;
    padding: 0;
}
#mbwnav ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
#mbwnav li {
    list-style: none;
    margin: 0;
    padding: 0;
    border-left:1px solid #333;
    border-right:1px solid #333;
    height:35px;
}
#mbwnav li a, #mbwnav li a:link, #mbwnav li a:visited {
   color: #FFF;
   display: block;
   font:normal 12px Helvetica, sans-serif;    margin: 0;
    padding: 9px 12px 10px 12px;
    text-decoration: none;
     
}
#mbwnav li a:hover, #mbwnav li a:active {
    background: #028490;
    color: #FFF;
    display: block;
    text-decoration: none;
    margin: 0;
    padding: 9px 12px 10px 12px;
             
}
#mbwnav li {
    float: left;
    padding: 0;
}
#mbwnav li ul {
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 160px;
    margin: 0;
    padding: 0;
}
#mbwnav li ul a {
    width: 140px;
}
#mbwnav li ul ul {
    margin: -25px 0 0 161px;
}
#mbwnav li:hover ul ul, #mbwnav li:hover ul ul ul, #mbwnav li.sfhover ul ul, #mbwnav li.sfhover ul ul ul {
    left: -999em;
}
#mbwnav li:hover ul, #mbwnav li li:hover ul, #mbwnav li li li:hover ul, #mbwnav li.sfhover ul, #mbwnav li li.sfhover ul, #mbwnav li li li.sfhover ul {
    left: auto;
}
#mbwnav li:hover, #mbwnav li.sfhover {
    position: static;
}
#mbwnav li li a, #mbwnav li li a:link, #mbwnav li li a:visited {
    background: #028490;
    width: 120px;
    color: #FFF;
    display: block;
    font:normal 12px Helvetica, sans-serif;
    margin: 0;
    padding: 9px 12px 10px 12px;
    text-decoration: none;
    z-index:9999;
    border-bottom:1px dotted #333;
 
}
#mbwnav li li a:hover, #mbwnavli li a:active {
    background: #70b6bd;
    color: #FFF;
    display: block;     margin: 0;
    padding: 9px 12px 10px 12px;
    text-decoration: none;
}
 9. Save the template and you will have drop down menu added to your blog.

Customizing Above Widget

This part is completely optional. If the above provided plugin does not match the theme of your blog and want to customize to match template of your blog then change some Hex code listed below.
  • Change #464849 to change background color of navigation bar which is currently dark grey.
  • Change #028490 to change the color of tab on mouse hover.
  • Change #028490 to change the color of Drop down menu
  • Change #70b6bd to change the color of Drop down on mouse hover.

- See more at: http://mybloggersworld.blogspot.in/2013/02/creating-simple-drop-down-menu-for.html#sthash.6lpJ6orU.dpuf

Amazing New Facebook Smiley Codes For Chat

facebook smiley code
Its really cool to send smileys or art work along with your text in facebook messenger to your friends. In my previous post i have shown you to add Facebook Smiley Addons for google chrome as well as mozilla firefox which will let you add smileys or art work from within facebook chat box. In this post i will share with you guys some new facebook chat smiley codes which you type in facebook chatbox and is seen as smileys. Just copy any codes from below list into your facebook messenger and see the results.

Facebook Smiley Codes

[[f9.angry]]
[[f9.sleepy]]
[[f9.shock]]
[[f9.sun]]
[[f9.heart]]
[[f9.kiss]]
[[f9.inlove]]
[[f9.pizza]]
[[f9.coffee]]
[[f9.brb]]
[[f9.wine]]
[[f9.gift]]
[[f9.adore]]
[[f9.heartbreak]]
[[f9.angel]]
[[f9.baloons]]
[[f9.bowl]]
[[f9.rain]]
[[f9.bomb]]
[[f9.ghost]]
[[f9.cake]]
[[f9.callme]]
[[f9.devilface]]
[[f9.lying]]
[[f9.clap]]
[[f9.confused]]
[[f9.curllip]]
[[f9.doctor]]
[[f9.laugh]]
[[f9.sad]]

5 Awesome Websites For Facebook Timeline Cover

If you want to impress your friends or family with cool, stylish and unique facebook timeline cover photo then i will share with you few websites where you can download such cool cover photos. There are many online tools been created which you can use to make your own cover pictures and you don't need to worry about its height and width as it automatically sets for you. In this post i will share with you top 5 websites to download or make facebook cover photos.

1. My Cover Point


MyCoverPoint contains variety of facebook timeline covers pictures such as celebrities, movies, creative, food, games,  sports etc. And the good thing about the website is that you don't need to download the photo as you can make it as your cover picture from within the website.

2. My FB Cover Photo


On MyFbCover you can set an image as your facebook cover  like you do on My cover point. It contain covers on games, automobiles, music, nature etc

3. Facebook Cover Pix


You can view amazing and cool facebook cover photos on Fbcoverpix. It contain category of popular covers where you can find most popular covers, you can easily download any cover you like or set it as your profile cover picture and you can even tag covers as your favorite so you dont loose.

4. The Site Canvas


On The Site Canvas you can make your own custom facebook timeline covers and preview them from the website. Here you can make amazing facebook cover design very easily. 

5. Cover Junction


Cover Junction contain facebook timeline covers on different topics such as nature, cartoons, funny, actors & actress, technology, quotes etc. Here you can even make your own custom facebook timeline cover picture.



Add Social Media Sharing Buttons Below Each Post In BLogger

social media sharing widget

As social media is growing day by day and is serving bloggers to increase trafffic to their blog, it would be great if we make easier for our blog visitors or followers to share our post easily on this social networking sites to drive more traffic to our blog. So today in this post i will show you to add social media sharing widget with Google+, Facebook, Twitter and Stumbleupon  sharing button along with counter below every post on blogger. SO lets add this widget to your blog.




Add Recent Comment Widget To Your Blogger Blog

recent comment widget for blogger
Comments are the most important part of any blog or website. It helps you to form a community or relation with your blog followers. It lets your visitors to give feedback or ask any question on you blog post in form of comments. In this tutorial i will teach you to Add Recent Comment widget to your blogger blog. It shows most recent comments on your blog along with the post link on which comment have been posted and name of user who commented. This will let you know about new and most recent comments on your blog and allow you to easily reply to those comments. This widget is coded in Javascript and styled with CSS. You may customize the widget according to color scheme of your blog template. So lets get started.


1. Go to blogger Dashboard > Layout
2. Now click on Add Gadget and Select Html/Javascript
3. Paste the code given below in it.
<script style=text/javascript src="http://helplogger.googlecode.com/svn/trunk/recent comments widget.js"></script><script style=text/javascript >var a_rc=5;var m_rc=false;var n_rc=true;var o_rc=100;</script><script src=http://myexpressviews.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments ></script>
<span id=mbw-cr><a href=http://mybloggersworld.blogspot.com>Recent Comments Widget</a></span><style type=text/css> .rcw-comments a {text-transform: capitalize;} .rcw-comments {border-bottom: 1px solid #666; padding-top: 6px!important; padding-bottom: 6px!important;} #mbw-cr {font-family: Arial,Tahoma;font-size:8px;padding-top:6px;display:block;} </style> 
4. Make following changes to the above code. 
  • Replace http://myexpressviews.blogspot.com with your blog url.
  • Change #666 to change color of border (line below each comment)
  • Change solid to dotted to make the border dotted
5. Save it and you will have Recent comment widget on your blog.
- See more at: http://mybloggersworld.blogspot.in/2013/03/add-recent-comment-widget-to-your.html#sthash.xZNSqRJH.dpuf

10 Awesome Tips To Make Your Blog Popular!

10 Awesome Tips To Make Your Blog Popular!

blogging tips
Making a blog popular is not an easy tasks. It takes lots of efforts and time. A successfull blog is not achieved over night it requires patience and hardwork. In this post i will share will you few blogging tips to make your blog popular. This are some of tips that every blogger must know to boost his blog traffic. Especially if you have just started blogging or you are planning to start a brand new blog then don't miss this bloggers tips to have better future of your blog.


1. Blog Template  (Look)


Choosing Blog Template should be your first step in starting a blog. As it says "First Impression is the Last Impression". Before reading your blog content what visitors see is your blog look So if the template is dark and messy you can loose lots of traffic. So always use bright and simple blog template.

2. Social Media


Social Media plays Important role in boosting your blog traffic. Most of blog recieve blog traffic from Facebook, Twitter, Google+ So its very important to increase followers on social media sites.

  • Adding Facebook Like Box To Your Blog
  • Add Twitter Flying Bird

3. Attractive Post Image


While writing new blog article always add attractive images to your post. As it will attract more visitors to read your article. But always make sure to choose images that are relevant to content of your article.

4. Interact with Followers


Always stay connected with your blog visitors. Check your comments frequently and answer their queries. Appreciate them for their comments and reading your article.

5. Do not copy


Do not copy doesn't mean that you can not post what your fellow blogger had already  posted. It mean that  you can not copy and paste it on your blog. You can post it in your own style with your flavour and by giving credits to your fellow bloggers who first posted it.

6. Easy Navigation


You blog should be simple and easy to navigate. You can achieve this by adding a Drop down Menu, Categories List on the sidebar and widgets for Popular and Recent posts.

7. Post Length


The length of your blog should be about 700 - 1400 words. Your blog post should not be lesser than 700 words as google penalize such blogs. If your blog is on technology your post can be small but you should post more then 2 times a day. In simple words it depends on nature of blog but always try to post your article with more then 700 words.

8. Contests


Always start interesting contests that benefits your blog visitors to keep your readers active and increase your blog followers.

9. Post Regulary


Good blogger always posts regularly and keep their readers up to date on new technology. Posting regularly will helps you to increase your alexa rank.

10. SEO Friendly Content


Lean some basic about SEO and try to write SEO friendly blog post title as well as post content. This can really help you to make your blog popular.
- See more at: http://mybloggersworld.blogspot.in/2013/01/10-awesome-tips-to-make-your-blog.html#sthash.NYIAk4je.dpuf

Downloading Facebook Videos In Few Simple Steps Without Any Software


download facebook videos
While watching videos on Facebook Sometime you like certain video and want to download it on your computer but you are taken a step back because you don't know how to do that. There are tools and software available to download videos from youtube and other major video sites but downloading videos from facebook is something you are not familiar with. Believe me downloading facebook videos is very very easy and the best thing about  it is that it does not require any software. In this tutorial i will teach you to download videos from facebook in few simple steps. So lets get started.

How To Download Facebook Videos ?

1. First open the facebook video you want to download.
2. Then copy the url as shown below.

download facebook videos

3. Now go to savefrom website by Clicking Here
4. Paste the url copied in step 2 in input area as shown below and click on download.

download facebook videos

5. After clicking on download, available video format for the video will appear on right side just below the download button. Click on video format you like to download.

download facebook videos

6. Download will start the moment you click on video format. Enjoy!!
- See more at: http://mybloggersworld.blogspot.in/2013/03/downloading-facebook-videos-in-few.html#sthash.klkOpubW.dpuf

Format Windows Xp! A Step By Step Guide

As We Have Committed That We Give Basic Knowledge To The Beginners Here Is One Of Them.

Format Windows XP

Before you continue, make sure you have backup of all documents you may need that are saved in C:, My Documents folder or your desktop.
Tip: Click the images to enlarge.
  • Step 1- Installation CD Insert your Windows XP installation disc into your CD or DVD drive.
  • Step 2 – Restart your computer and start Windows setup using Microsoft Windows bootable XP disk
  • Restart your computer. As you computer boots, a screen with message “Press any key to boot from CD..” will show up counting from 9 to 0, here you need to press any key to start the setup. Note: If your computer doesn’t display the “Press any key to boot from CD..” message (by default it should), check your motherboard manual for info where to enable the “Boot from CD” setting, after you enable “Boot from CD” option from your BIOS, the message will show.
  • Step 3 – System Loading
    After you enter the setup, the CD will load up a blue screen and will start loading operating system files (this make take few minutes). When it finishes, it will list a few options, “Press ENTER to set up Windows XP now” is the one we need. Click it.
  • Step 4 – Accept Windows usage agreement
    Second screen is “The windows usage agreement”. It should be displayed now, showing that you need to press F8 to accept the agreement. Press F8 to accept. How to format a computer
  • Step 5 – Setup start
    If an existing Windows XP installation is detected by the system, you are prompted to repair it. We will bypass this step
  • Step 6 – Delete old partition and format
    At this point you need to select the partition where you prefer to install Windows Xp. This is where you will delete your partition and format drive C. The box in the lower half of the screen shows all your drives and the partitions that currently exist on your hard disk. Use the Up and Down Arrow keys to highlight/select your “C:” partition and press the “D” key (pic 6.1). On the next screen press the ‘L’ key (pic 6.2) to confirm that you want to delete partition “C:”, and finalize the deleting of the partition. (if you have only “Unpartitioned space” and you have no C: or D: partitions, skip this step) How to format a computer
  • Step 7 – Create installation partition
    Now you should be back on the screen prompted to choose where to install Windows. The box on the lower half of the screen should no longer show a partition, instead of “C:” you should see “Unpartitioned space xxxxxMB”. Select/highlight this with the arrow keys and press the “C” key to create a partition on the drive (this is where you will install windows). Now setup tells you the minimum and maximum sizes the partition can use and lets you pick the size. The default size is the maximum available, leave the default value and press Enter.
  • Step 8 – Format the computer (the hard disk)
    This screen lets you choose the file system you prefer the drive to be formatted with. Choose NTFS “Quick” (recommended because NTFS is faster and more secure). Use the arrow keys to select and hit Enter. How to format a computer
  • Step 9 – Start Windows XP Setup Setup will start to and will auto-format the “C:” partition, and start with Windows XP installation. From here you are all set and the installation of Windows will proceed. This will take a while. The computer will reboot several times, and will continue with installation. Don’t remove the Windows XP setup CD, and don’t press a key when prompted (we already did that).

Hide Files in Image Files !!!


Hide Files in Image Files !!!



Sometimes we are eager to hide some files on the system !!!
(I won't ask Why ???)

So, now i have got a trick to hide files in image files !!!

Here it is :
** You require WinRAR installed on your PC for this trick.
** First add your files to .rar and i.e. say files.rar
** Say you have a image as img.jpg
** Now, save files.rar and img.jpg in c:\ drive.
** Click start >> Run
** Type cmd
** Now in command prompt type cd..
** Again type cd..
** Type copy /b img.jpg + files.rar new.jpg

-------------- Please Note --------------

>> This command will concatenate the two files into the new file new.jpg
>> Don't type files.rar + img.jpg instead of img.jpg + files.rar.
>> Now, (size of new.jpg) = (size of img.jpg) + (size of files.rar) .

-------------------------------------------


*** Mission Accomplished !!! ***

Now, we have new.jpg consisting of both img.jpg and files.rar .

Accessing the files :

** Double click new.jpg and img.jpg can be viewed.

** Now, to access files.rar :
# Right click on new.jpg >> Select Open With >> Choose Program...
# Select WinRAR archiver.
# Now, simply Extract your files !

Enjoy... Please Comment if you liked my work !!!

You can lock and unlock your folder with this simple trick !


You can lock and unlock your folder with this simple trick !

Procedure :
1. Make a folder on the desktop and name it as "folder"
2. Now, open notepad and write ren folder folder.{21EC2020-3AEA-1069-A2DD-08002B30309D} and now (Notepad Menu) File>save as.
3. In the 'save as' name it as lock.bat and click save ! (Save it on Desktop)
4. Now, again open notepad again and write ren folder.{21EC2020-3AEA-1069-A2DD-08002B30309D} folder and now (Notepad Menu) File>save as.
5. In the 'save as' name it as key.bat and click save ! (Save it on Desktop)
6. Now, double click lock.bat to lock the folder and now if you open your folder, control panel will open up !
7. Now, double click key.bat to open the folder and now if you open your folder, you can access your data inside the folder again !
8. Lock your folder and hide the key.bat somewhere else on your hard disk !
9. Whenever you want to open your folder just paste the key.bat on desktop and open your folder using it !

Simple !

Type Faster: 6 Tips and Tricks for Mastering Android’s Keyboard


android-keyboard
If all you do with your Android phone or tablet’s keyboard is tap out words, you are missing a lot of great features. There’s more to learn about a keyboard than you might expect.
Of course, you can just type out words without paying attention to any of these features — but mastering them will help you type faster and save time while entering text.

Voice Typing

If your hands aren’t free — or you just feel like dictating — you can tap the microphone button on the keyboard and enter words just by speaking them.
This feature sends your voice input to Google’s speech recognition service, where it’s examined, converted to text, and sent back to your phone. This means that it requires an Internet connection, but the approach of using Google’s massive computing power makes it surprisingly accurate.
To enter punctuation marks while using voice recognition, just say “period,” “comma,” “question mark,” “exclamation mark,” or “exclamation point.” Android will enter the appropriate punctuation mark instead of the words.

Offline Voice Typing

If you’re using Android 4.2 or a newer version of Android, you can now use voice typing offline. You’ll just need to install the appropriate voice-recognition language dictionaries. Note that voice recognition is slightly less accurate in offline mode.
To install the dictionaries, open the Settings screen, tap Language & input, and tap the settings button to the right of Google voice typing.
Download the languages you want to use offline from the Offline Speech Recognition screen.

Swipe to Type

The default keyboard in Android 4.2 gained the ability to type words simply by swiping your finger over them.
To type a word by swiping, simply touch the first letter and glide your finger over the letters — for example, to type Geek, touch the G, move your finger to the E, and then move your finger to the K. Android will try to guess what you’re typing, displaying it above the keyboard. Lift your finger and the word will be typed. You can do this to type many words in sequence quickly, lifting your finger from the screen in between each one.

Word Prediction and Auto-correction

When tapping in a word, Android 4.2′s keyboard will try to think ahead and guess the word you’re about to type. For example, type Messa and  “Message” will appear above the keyboard. You can then tap the space bar to move to the next word and Android will automatically fill in the rest of the word it’s expecting you to type.
The keyboard will even use context to guess which word you’re likely to type, even if you haven’t started typing a word yet. Tap one of the suggestions to type it.

Keyboard Settings

You can customize your keyboard’s behavior, too. Open the Settings screen, tap Language & input, and tap the settings button to the right of the Android keyboard.
The keyboard settings screen contains options for disabling features like swiping, auto-correction, auto-capitalization, and next-word suggestions. You can also make auto-correction even more aggressive or switch to other keyboard layouts, like the French QWERTZ layout.

Third-Party Keyboard Replacements

Android’s included keyboard is just one of many options — in fact, your phone’s manufacturer may have already included third-party keyboards like Swype for you to use. You can install other third-party keyboards from Google Play and switch between them. For example, many people consider SwiftKey to have the best auto-correction features, while Swype is the original swipe-over-letters-to-type-them keyboard.
Such experimental features are usually found on Android first — you can find a wide variety of different keyboards, all with their own ideas of how to make text input faster and more efficient.



Android’s keyboard isn’t just a keyboard — it’s a piece of software with its own unique tricks, but also one that can be swapped out and replaced for another keyboard that you might like better. If you want a different keyboard on your iPhone or iPad, you’ll have to jailbreak it.

Good News :Colour Chart For Css And Html

Below is an embeddable Web Colour Chart most probably known as hexadecimal colour chart. 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 colour codes/hexadecimal values for editing your Blogspot, Wordpress or web templates. They are web safe colours so they look the same in any browser.  You can embed this Colour Chart or table in your websites or weblogs. You only need to subscribe to this blog by filling up the simple Subscription form on the sidebar. Once you have subscribed kindly inform me by using the comment box below and include in it the email address with which you subscribed. To avoid spam robots, write your email address as follow,
  • If you use hotmail write like this –> xyz hot mail
  • If you use gmail write like this –> xyz g mail
where xyz is your email ID. If you use any other emailing service then simply follow the above pattern.
The moment I receive your comment, I will send you the embeddable code to this chart.
 
 

CSS Web Colour Chart

 
#FFFFFF#FFFFCC#FFFF99#FFFF66#FFFF33#FFFF00
#FFCCFF#FFCCCC#FFCC99#FFCC66#FFCC33#FFCC00
#FF99FF#FF99CC#FF9999#FF9966#FF9933#FF9900
#FF66FF#FF66CC#FF6699#FF6666#FF6633#FF6600
#FF33FF#FF33CC#FF3399#FF3366#FF3333#FF3300
#FF00FF#FF00CC#FF0099#FF0066#FF0033#FF0000

#CCFFFF#CCFFCC#CCFF99#CCFF66#CCFF33#CCFF00
#CCCCFF#CCCCCC#CCCC99#CCCC66#CCCC33#CCCC00
#CC99FF#CC99CC#CC9999#CC9966#CC9933#CC9900
#CC66FF#CC66CC#CC6699#CC6666#CC6633#CC6600
#CC33FF#CC33CC#CC3399#CC3366#CC3333#CC3300
#CC00FF#CC00CC#CC0099#CC0066#CC0033#CC0000
 
#99FFFF#99FFCC#99FF99#99FF66#99FF33#99FF00
#99CCFF#99CCCC#99CC99#99CC66#99CC33#99CC00
#9999FF#9999CC#999999#999966#999933#999900
#9966FF#9966CC#996699#996666#999933#999900
#9933FF#9933CC#993399#993366#993333#993300
#9900FF#9900CC#990099#990066#990033#990000

#66FFFF#66FFCC#66FF99#66FF66#66FF33#66FF00
#66CCFF#66CCCC#66CC99#66CC66#66CC33#66CC00
#6699FF#6699CC#669999#669966#669933#669900
#6666FF#6666CC#666699#666666#666633#666600
#6633FF#6633CC#663399#663366#663333#663300
#6600FF#6600CC#660099#660066#660033#660000

#33FFFF#33FFCC#33FF99#33FF66#33FF33#33FF00
#33CCFF#33CCCC#33CC99#33CC66#33CC33#33CC00
#3399FF#3399CC#339999#339966#339933#339900
#3366FF#3366CC#336699#336666#336633#336600
#3333FF#3333CC#333399#333366#333333#333300
#3300FF#3300CC#330099#330066#330033#330000

#00FFFF#00FFCC#00FF99#00FF66#00FF33#00FF00
#00CCFF#00CCCC#00CC99#00CC66#00CC33#00CC00
#0099FF#0099CC#009999#009966#009933#009900
#0066FF#0066CC#006699#006666#006633#006600
#0033FF#0033CC#003399#003366#003333#003300
#0000FF#0000CC#000099#000066#000033#000000