How to Change order of blog post

To some one , someposts are very important which they posted years back,and wish to come back the post into to top of the archive.Actually is it possible to bring the old post into to top of blog post?Yes.It is very simple to do.Just follow me friends,

• Go to Dashboard,Edit Post,Click on "Edit Post" .


• At the Bottom of your Post editor, Click on "Post Options" as shown in the image.


• In some Editor,

• Now change the Post Date into current date to bring your old post into top.


• Save the Post.  Finished.!!!

Buy a custom domain through Blogger

           If you wish to shorten your blog address (URL ) or want to buy a domain name for your blog,then you don't need to go any where, unless you have blogger account.You can Buy a custom domain at low price.Only 10$ per year needed to buy a domain name for your blog.

I will tell more details along with  steps below, Check the Steps to Buy this domain through blogger.

• Login to Blogger.com,Go to Settings,Publishing Tab.

• Just select the Custom Domain option, enter the domain name you'd like and click Check 

          Availability.

•  After that you will take to  Google Apps domain purchase website , and proceed with the registration . Finally, you'll go to Google Checkout where you'll make your payment. Your domain is registered with one of our registration partners, either eNom or GoDaddy.

• Soon,You'll get a domain registration confirmation email from Google Apps.

• Clicking the link in this email allows you to sign this domain up for an Apps account. Google Checkout will also send you an email with the order receipt.


• You will be waiting for 1 or 2 days to get the domain name.After that your blog automatically  redirect into your new domain.

Video Tutorial 

Upload Imges to Picasa Web Album

Some times, you might feel error while you uploading image into your blogger post.It might because of your browser or internet connection.At this time you can picasa web.I feel quite easy with this, you can upload about 100 pics to an album and more you can create many albums as you wish.
But Picasa provides only 1 GB space , but you can upgrade this storage into your wish by paid.





Follow the method to Upload images to Picasa.

• Go to  Picasa Home page , and Login into your account.


• Now click on Upload Button .

• Now Select an Album ,then  Browse Image from files  and Click on Upload Button.

          Now wait for a while ,the images got uploaded.

• Automatically images will Uploaded to your account.

Insert Picasa image to blog

1. Now Select the Image you should needed to add to blog post .


2. Just Move cursor and click on right button,and select " Copy Image" 


3. Now Go to Post editor and Select Compose mode and Right click on post editor and paste the image.


4. Image will be shown at the post editor.


5. Save the Post.

Add Google Adsense From Layout of Blog

When you goes to Adsense account and get adsense from the website, you might get som codes to apply in your blog.I think its might be make some difficulties to configure the adsense,But there is a easy method in your blog itself.Please follow the steps that i have done below.

• Go to Dashboard by Login into blogger.com
   

•  Then Go to Layout 
  >> Page Elements

• Click on "Add Page element and Select "Adsense" from the list.

•  If your adsense already accepted, then configure your adsense,according to your preference, which suites to your blog.

•  Now save the Gadgets ,automatically change will applied to your blog.

Thanks,

Remove Subscribe to:posts(Atom)

Do you feel "  Subscribe to:posts(Atom) " is boring under your post ?

Now this post will show you how to remove it from your blog and it creates clean look for your blog.

Follow the Step :

• Go to dashboard/ template/ edit HTML.

• Click the 'Expand
  Widgets Templates' box

• Find:

<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links --><br /><b:if cond='data:feedLinks'><br /><div class='blog-feeds'><br /><b:include data='feedLinks' name='feedLinksBody'/><br /></div><br /></b:if><br />




Remove this line:


<b:include data='feedLinks' name='feedLinksBody'/>
That should remove Posts (Atom).

Create a Table in your blog

Want to tabulate a list in your Blog ?How would you List it ? You need to know html language for create a table in blog.But it is quite risky for you.
Now onwards you can create a table within seconds of time.


Follow the step :

1. Go to Quackit .com  Or htmlbasix.com


2. Copy the Generated code from the website (Quackit or Basix ) 


3. Paste this code in your Post . Note : Post Editor Must be in HTML mode.


4. Publish your Post.

Some Additional Notes : 




       

Blogknol Help Forum

Now Ask questions and query related to blogger here. Click here

Iframe to add another blog into your blogger page

Do you ever dream to display another blog in your blog ,as one blog. This technic is called Website merging.Iframe helps to do it.You can put an IFrame in
either a blog post, or in a special page element. It's a dynamic window; when
you change something in the blog contained in the window, the contents of the
window changes too. Just refresh, and you can see the change.

• This is the syntax to do it.Please see this Post , where i merged Google groups into a post.

           For this i used this Code.

<iframe frameborder="0" height="900" src="http://groups.google.com/group/blogknol" width="100%"></iframe>

• You can adjust this code according to your post area width and size.

• To merge another blog,you should get the URL of desired website and replace in the http://groups.google.com/group/blogknol in the code that i give above.

Create a Scroll Bar Using CSS in Blog

To create a Scroll bar in your Blog,You should follow the steps,

•  Go To Layout and Click on Add Gadget


• 
  


• 
  

Recover Deleted Google Account

Once you deleted your Google account,automatically the accounts associated with Google will be deleted,especially Blogger account.It is not rare to hear a Blogger screaming for help after he deleted his Google account for that deletion will affect the Blogger account. 

Therefore,Immedietly report to Google Contact Form.( Click here ) . There is a window of about a week to appeal, after which the Google Account will be permanently deleted.

Insert a Custom Signature in Blogger Posts

• Go to your Blogger Dashboard then  Settings

• Go to
  Formatting then Scroll down to the Post Template box.

• Insert this code into the box:
  
   


•  Copy the url of your image and paste it into the code where you see
  the words "signature URL".

For Example :

        

• Now, Save settings
  
  
  
  
  
  
  
   

New Blogger Template Designer

Its a Good news for All blogger s,Blogger announced that
the Blogger Template
Designer has launched to Blogger
in Draft, . The Template Designer brings a new level of
customization to your blog. Now you can easily edit the background,layout and other without using  "edit html" ,That means an Low level blogger can design his blog fantastically.Take a look to know more:

In the Template Designer, you’ll find:

• 15
  new professional templates to start from (and more on their way)


• Custom blog layouts with one, two and three columns


• Hundreds of professional background images from iStockphoto


• Customizable colors, fonts, and more!

We have more details and tips in our Blogger Template Designer post on
the Blogger in Draft blog.

We worked with iStockphoto, the
leading microstock image marketplace, to put together a great collection
of beautiful images and patterns to use as backgrounds on your blogs.
The photos are stunning, and are free to use on your Blogger blog.



That being said, today’s launch is just the beginning. We’ll add more of
our own designs over the coming weeks and months and, through the new Template
Design Group, we’ll be working with members of the Blogger design
community to bring their templates into the new Template Designer.

Help test drive the Blogger Template Designer by logging into Blogger In Draft, and learn more
about the new features in more detail on the Blogger In Draft blog.

Add Google Buzz This Button to Blogger Blog Posts

• 
  

A happy news for all Google Buzz users ,Now onwards Google Buzz can be share with your visitors through your blog with more smartly.No risk is taken by you.You can Buzz as usual in gmail,This buzz will appear on your blog.Quite easy ,right  ?The following step will help you.



Follow the Steps :

• Login to blogger with your ID

• After entering the dashboard page , click Layout. Please saw the picture :

• Then click on Edit HTML tab. Please saw the picture :

• Please mark the little box beside Expand Widget Templates. Wait for a moment.

• Now Find this Code:

        

• Paste the Below code just after the above code 

          NOTE: By default, the alignment of these buttons is kept to "Right", you may change it to "Left" too. To change the position of the button, change the value -45 pixels (in margin-top:-42px;).

• Finish.Now enjoy Buzzing on your Blog

Remove The Number Of Label

When you check your label widget,number of post in that particular

 label is seen along with the label.Do you feel it as boring to your blog?.Now,You can remove this counter number of post from the label widget.It can be done in following simple steps along with picture.




Follow the Steps :

• Login to blogger with your ID

• After entering the dashboard page , click Layout. Please saw the picture :

• Then click on Edit HTML tab. Please saw the picture :

• Click the Download full template link. Save your template

• Please mark the little box beside Expand Widget Templates. Wait for a moment.

 

• Go to your templatecode, and find this code and delete i from there :

       ()

• Click Save Template button.

• Done.The counter number deleted can be seen.

How To Backup Your "Widgets"

Some times,you would get new template and new widgets,But when you change the template,you will lose the widget.Back up will help you to solve this Problem.The following Steps help you to back up your widgets in your Blog.

  Back up widgets From Page Element

• Login to blogger with your ID

• Click Layout.

• Click menu Page Elemet, you will see the page be like this ( just example):

• At representative of above seen the article edit which I give red circle, You must click at Edit in each the page element, hence will emerge popup window figuring in the code have in input to that. Pay attention the picture below :

• Copy the code inside there, and paste to Notepad.

• Repeat the step above at all the elements.

• Finish.

There is the step how to back the data inside page element. This is the other way to backup your widgets. 

                            Back up widget through Template Source Code

I think this way is more quickly and efisian, you need a few time to do this. This is the steps : 

1. Visit your blog .


2. Click the menu View at the bar menu. See the picture below :









3. After click the menu View, will be out the sub menu, then click Source[As shown in the above pic]


4. if your browser is Internet Explorer, so there is automatically will out the notepad with your templatesource code. If your browser is Mozilla Firefox or Opera, so there is out the new page with your template source code For example, see the picture below :


5. Save your template source code.


6. Finish.

Paypal Donation Box to Blog

Hope you seen a Paypal Donation Box in some of the websites or Blogs,to donate some amount.Well many of us want put
this code on their own blog/site like those popular sites but they don't
know how to do it.. Well i am very glad to teach you in simple methods.

If
you don't have a paypal account, click here to sign
up one. Just follow the steps given.

• Just
  copy the below code and change some values in red.

• Change Blog/Website Title to your
  own Blog title example change to "The-Online-Quest".

• And change Your paypal email
  to your own paypal email.

<center><br /><table border="1" width="143" cellspacing="0" cellpadding="0" bordercolorlight="#FFF8E8" bordercolordark="#EFE0C9"><br /><tr><br /><td><br /><p align="center"><b>Please Donate To My Blog</b><br /></p></td><br /></tr><br /><tr><br /><td width="145"><br /><form action="https://www.paypal.com/row/cgi-bin/webscr" name="_xclick" method="post"><br /><input value="Thanks for Your Donations - Blog/Website Title" name="item_name" type="hidden"/><br /><input value="Your paypal email" name="business" type="hidden"/><br /><p style="margin-top: 0; margin-bottom: 0"><br /><input value="_xclick" name="cmd" type="hidden"/><br /><!-- input type="hidden" name="amount" value="1.00" --><br /><b>Amount</b> <p style="margin-top: 0; margin-bottom: 0"> <select name="Amount" size="1"><br /><option selected value="1.00"/>1.00<br /><option value="2.00"/>2.00<br /><option value="3.00"/>3.00<br /><option value="4.00"/>4.00<br /><option value="5.00"/>5.00<br /><option value="10.00"/>10.00<br /><option value="15.00"/>15.00<br /><option value="20.00"/>20.00<br /><option value="25.00"/>25.00<br /><option value="30.00"/>30.00<br /><option value="35.00"/>35.00<br /><option value="40.00"/>40.00<br /><option value="45.00"/>45.00<br /><option value="50.00"/>50.00<br /><option value="100.00"/>100.00<br /><option value="200.00"/>200.00<br /><option value="300.00"/>300.00<br /><option value="400.00"/>400.00<br /><option value="500.00"/>500.00<br /><option value="1000.00"/>1000.00<br /></select><br /><p style="margin-top: 0; margin-bottom: 0"><b>Currency</b> <select name="currency_code" size="1"><br /><option value="AUD"/>Australian Dollar<br /><option selected value="USD"/>USD<br /><option value="GBP"/>British Pound<br /><option value="CAD"/>Canadian Dollars<br /><option value="CZK"/>Czech Koruna<br /><option value="DKK"/>Danish Kroner<br /><option value="EUR"/>EUR<br /><option value="HKD"/>Hong Kong Dollars<br /><option value="HUF"/>Hungarian Forint<br /><option value="JPY"/>Japanese YEN<br /><option value="NZD"/>New Zealand Dollars<br /><option value="NOK"/>Norwegian Kroner<br /><option value="PLN"/>Polisg Zlotych<br /><option value="SGD"/>Singapore Dollars<br /><option value="SEK"/>Swedish Kronor<br /><option value="CHF"/>Swiss Francs<br /></select><br /></p><br /><p style="margin-top: 0; margin-bottom: 0" align="center"><br /><input border="0" alt="Make payments with PayPal - it's fast, free and secure!" width="60" src="http://www.takefiveaday.com/wp-content/uploads/2009/07/Paypal_button1.png" name="submit" height="30" type="image"/><br /></p><br /></p></p></form><br /></td></tr><br /><tr><br /><td><br /><p align="right"><b><font face="Arial" size="1">Powered by <a href="http://Blogknol.blogspot.com/" target="_blank"> Blogknol</a></font></b><br /></p></td><br /></tr><br /></table><br /></center><br />

Irresistible Magazine Blogpot Template

Description : "Irresistible-Blogknol" is a fully packed magazine style based blogger template with mind blowing features like photo gallery, featured videos, embedded twitter widget,Comments....

Creating Static pages in blogger

Recently, Blogger launched the much awaited Blogger Pages Feature.Static pages are a useful way of offering your readers information about your blog.This presents a Blogger to publish their blogs as “about”, “contact” and even “archive” pages.
So, lets see how to Create Static Pages in Blogger.

• Sign into Blogger (draft.blogger.com)

• Click on New Post as usual.

• Select the Edit Pages from the top menu

• Click on 'New Page' button.

• Now, give your page a title and write the content and publish the page.

New Google Translate Flags Widget

I know many friends blogs got visitors from different countries.Even my website have got visitors from UK,India,USA,Germany etc.But sometimes the language problem might be trouble our visitors.Some of the bloggers write theor languages in their own national language.But the visitors from other countries shouldn't read out your blog.This might reduce your visitors.

Today i introduce a new Google Translate Flags Widget for blogger.When any one clicks on their beloved  flags,the contents of site changes to the national language of their country.I think this is very helpful to whole bloggers.

How To Add ??

• Go to Dashboard,Layout, 


• Click on Page elements page,


• click Add A Gadget and choose HTML/JavaScript 

Leave the title empty or type any title for your widget, and in the content area paste the following code.

• 
  

<br /><style><br /><br /> .google_translate img {<br /> filter:alpha(opacity=100);<br /> -moz-opacity: 1.0;<br /> opacity: 1.0;<br /> border:0;<br /> }<br /> .google_translate:hover img {<br /> filter:alpha(opacity=30);<br /> -moz-opacity: 0.30;<br /> opacity: 0.30;<br /> border:0;<br /> }<br /> .google_translatextra:hover img {<br /> filter:alpha(opacity=0.30);<br /> -moz-opacity: 0.30;<br /> opacity: 0.30;<br /> border:0;<br /> }<br /> </style><br /><br /> <div><br /><br /> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY0nky32xuczsGKY1rBiEi8Y3QKCiSszf7tS7blnVoyXU2s4z8zaoUcnr-6BRCpMClFm1Kq2pMcwqV50e0oZPSJqzUvS3tqgy7I8uIQhTH5nultvIQuN961AZ6Y8hEYVgh6D_1RTtehDw/s200/United+Kingdom(Great+Britain).png" style="cursor: pointer;margin-right:8px" width="24"/></a><br /><br /> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUZW0jp4y1odShywm9FVwMymjKZ3OY8LxQA9bAsa4CIL7P2Cdf-bqwSgilH9t0TuCoKlnhjNYR4AOCRDY6u5-iPV8TIo5K6fkoAHQ9aMT4G_7_CoXAftYQE-VD02ZKNVQooANsUt_OkHo/s200/France.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br /><br /> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSjTxG3iyaTAegzjSaSUXPDuMPQK3bSZrjG76alsJWoUpyBdAxbroKoGLs1Ek_Hhy6v_kANgbUm1tE0vLEQFUpFDrloCfJCEDUFfjsnO1OO3mjJsVnORCNfe83LXR9dZd8XBcOKmDSqX4/s200/Germany.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br /><br /> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRswuSapP6NmbRbK1o3xlXGDzSOjPS-4l2MkFzS6KKjalHJlJOQoYtfJIXyyzn5OOgEhzFuEG9dwMnui_XAbUJxLJfS87kG8WSIkuhb4e4vU8XV7pLHjzX9nlg5zBtg5JY_viFt-fxYNE/s200/Spain.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br /><br /> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJDdGg1_pGNz71zvbqi7RNo9WjNhlD_TowDCn5E0gMVQZheV5jgocKL4JA32HjjJrVDUjOs7nL3wqsLA327QxnKZalcw22aH9iENz6kITk4IYKjH0U2mQZQbpGbb2MydzDyINieW_TIxY/s200/Italy.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br /><br /> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi65wmRXOvrAct5peLikrCz8xDovxmZBjiFr0GcB9DYupXlEFYG837OSm3kzs_VLUr59eyolhV-eXQQo6VpEsE686IzqzpcLRSGXvrCLC_JIptFnqYoeg782z6VrpevaRbq1og0ZdKqEQo/s200/Netherlands.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br /> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLIbpYNgqfLzDEhX7sgZAB-SC2oAFmEvWBoJYfhVrbCpoE3dWxhMY6C23VdhBBdcBoRFwVRdFzhNcuDZLJsxO8FXQlXH3BsVV0YgdK4GUzNpByyUcgP1SfB1Q920MIzm4dfbFgQd7i7Hc/s200/Russian+Federation.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br /><br /> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1gMQIFXnNYvaRhH64vHN0FKUvsmbDokDyznNrMw_qjrZ7Cp7kg3egYFdziFMduX7420N_bqHTk1lV2RZC3OxRgt61fYDNzllxK8YTpw7BhURyhCTWg6U0y6053fEvCdGiXfEH39Od-tg/s200/Brazil.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br /><br /> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFcfVeFbVlXwKUmfWFWD1fq53cOEQHz9Qbv_JvXiS_FxJfsqwBj9OY2u-5qCNG5jdIvkrTQXJ-Ed3dqDB_TezKhxgcnrA2KRzVEuviWi0COaUSP0Vm6IO6JY6_lj2xTkkzEYfwzqiaNXQ/s200/Japan.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br /><br /> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4gRXUD3kOOKqyFrE8zZyQ5TaA74B2y5wwm0kwHOyx3GIP-Y7oVfAeMhNrM70PpDsG1uJxv_TdcxEv38bN7t35si4Fcnou3ogEP09KiPFYK1L4g2sYNkrLoD4_eI5Vx0o0XS6zNppBnBM/s200/South+Korea.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br /><br /> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1-x8yYjqqUM0af7wjgMGQRXbA8z_z_s2_cPvRpvog0SZ9JluZKADWXaU4Oz40kCssEATRts820sgyVIofXx23N2H2NnTkv3VdvNbDkYGvTVmGgdPvDvbYe_t2dnwnO6gGODW6DLNJfLA/s200/Saudi+Arabia.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br /><br /> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLHT3GsKdtbItwLjiqDo9tIcW5VBiMlK_OUdWWU9QUVB4p9qgqhyphenhyphenzMb27rThy8YVsOwwxPfzHBJxwiHiN_Dqmn3x11iVYUXi-vZPCv7vAHLFWw155Wrvl69BQz7pKkY1nWEfDvr_yY3x0/s200/China.png" style="cursor: pointer;margin-right:8px" width="24"/></a> </div> <br /> <div 0px 0pxâ?? style="â??font-size:10px;margin:8px" 3px></div><br /><br /> <br/><br /> <a href="http://www.bloggerarticle.com/"><font size="1px">this widget by www.AllBlogTools.com</font></a><br /><br />

HTML Color Code Chart

This code is very useful to add,change the color while you edit on blogger in html mode.all are these are the code of corresponding colors.

HTML Color Code Chart

COLOR NAME	CODE	COLOR
Black	#000000
Grey0	#150517
Grey18	#250517
Grey21	#2B1B17
Grey23	#302217
Grey24	#302226
Grey25	#342826
Grey26	#34282C
Grey27	#382D2C
Grey28	#3b3131
Grey29	#3E3535
Grey30	#413839
Grey31	#41383C
Grey32	#463E3F
Grey34	#4A4344
Grey35	#4C4646
Grey36	#4E4848
Grey37	#504A4B
Grey38	#544E4F
Grey39	#565051
Grey40	#595454
Grey41	#5C5858
Grey42	#5F5A59
Grey43	#625D5D
Grey44	#646060
Grey45	#666362
Grey46	#696565
Grey47	#6D6968
Grey48	#6E6A6B
Grey49	#726E6D
Grey50	#747170
Grey	#736F6E
Slate Grey4	#616D7E
Slate Grey	#657383
Light Steel Blue4	#646D7E
Light Slate Grey	#6D7B8D
Cadet Blue4	#4C787E
Dark Slate Grey4	#4C7D7E
Thistle4	#806D7E
Medium Slate Blue	#5E5A80
Medium Purple4	#4E387E
Midnight Blue	#151B54
Dark Slate Blue	#2B3856
Dark Slate Grey	#25383C
Dim Grey	#463E41
Cornflower Blue	#151B8D
Royal Blue4	#15317E
Slate Blue4	#342D7E
Royal Blue	#2B60DE
Royal Blue1	#306EFF
Royal Blue2	#2B65EC
Royal Blue3	#2554C7
Deep Sky Blue	#3BB9FF
Deep Sky Blue2	#38ACEC
Slate Blue	#357EC7
Deep Sky Blue3	#3090C7
Deep Sky Blue4	#25587E
Dodger Blue	#1589FF
Dodger Blue2	#157DEC
Dodger Blue3	#1569C7
Dodger Blue4	#153E7E
Steel Blue4	#2B547E
Steel Blue	#4863A0
Slate Blue2	#6960EC
Violet	#8D38C9
Medium Purple3	#7A5DC7
Medium Purple	#8467D7
Medium Purple2	#9172EC
Medium Purple1	#9E7BFF
Light Steel Blue	#728FCE
Steel Blue3	#488AC7
Steel Blue2	#56A5EC
Steel Blue1	#5CB3FF
Sky Blue3	#659EC7
Sky Blue4	#41627E
Slate Blue	#737CA1
Slate Grey3	#98AFC7
Violet Red	#F6358A
Violet Red2	#E4317F
Deep Pink	#F52887
Deep Pink2	#E4287C
Deep Pink3	#C12267
Deep Pink4	#7D053F
Medium Violet Red	#CA226B
Violet Red3	#C12869
Firebrick	#800517
Violet Red4	#7D0541
Maroon4	#7D0552
Maroon	#810541
Maroon3	#C12283
Maroon2	#E3319D
Maroon1	#F535AA
Magenta	#FF00FF
Magenta1	#F433FF
Magenta2	#E238EC
Magenta3	#C031C7
Medium Orchid	#B048B5
Medium Orchid1	#D462FF
Medium Orchid2	#C45AEC
Medium Orchid3	#A74AC7
Medium Orchid4	#6A287E
Purple	#8E35EF
Purple1	#893BFF
Purple2	#7F38EC
Purple3	#6C2DC7
Purple4	#461B7E
Dark Orchid4	#571B7E
Dark Orchid	#7D1B7E
Dark Violet	#842DCE
Dark Orchid3	#8B31C7
Dark Orchid2	#A23BEC
Dark Orchid1	#B041FF
Plum4	#7E587E
Pale Violet Red	#D16587
Pale Violet Red1	#F778A1
Pale Violet Red2	#E56E94
Pale Violet Red3	#C25A7C
Pale Violet Red4	#7E354D
Plum	#B93B8F
Plum1	#F9B7FF
Plum2	#E6A9EC
Plum3	#C38EC7
Thistle	#D2B9D3
Thistle3	#C6AEC7
Lavendar Blush2	#EBDDE2
Lavendar Blush3	#C8BBBE
Thistle2	#E9CFEC
Thistle1	#FCDFFF
Lavendar	#E3E4FA
Lavendar Blush	#FDEEF4
Light Steel Blue1	#C6DEFF
Light Blue	#ADDFFF
Light Blue1	#BDEDFF
Light Cyan	#E0FFFF
Slate Grey1	#C2DFFF
Slate Grey2	#B4CFEC
Light Steel Blue2	#B7CEEC
Turquoise1	#52F3FF
Cyan	#00FFFF
Cyan1	#57FEFF
Cyan2	#50EBEC
Turquoise2	#4EE2EC
Medium Turquoise	#48CCCD
Turquoise	#43C6DB
Dark Slate Grey1	#9AFEFF
Dark Slate Grey2	#8EEBEC
Dark Slate Grey3	#78C7C7
Cyan3	#46C7C7
Turquoise3	#43BFC7
Cadet Blue3	#77BFC7
Pale Turquoise3	#92C7C7
Light Blue2	#AFDCEC
Dark Turquoise	#3B9C9C
Cyan4	#307D7E
Light Sea Green	#3EA99F
Light Sky Blue	#82CAFA
Light Sky Blue2	#A0CFEC
Light Sky Blue3	#87AFC7
Sky Blue	#82CAFF
Sky Blue2	#B0E2FF
Light Sky Blue4	#566D7E
Sky Blue	#6698FF
Light Slate Blue	#736AFF
Light Cyan2	#CFECEC
Light Cyan3	#AFC7C7
Light Cyan4	#717D7D
Light Blue3	#95B9C7
Light Blue4	#5E767E
Pale Turquoise4	#5E7D7E
Dark Sea Green4	#617C58
Medium Aquamarine	#348781
Medium Sea Green	#306754
Sea Green	#4E8975
Dark Green	#254117
Sea Green4	#387C44
Forest Green	#4E9258
Medium Forest Green	#347235
Spring Green4	#347C2C
Dark Olive Green4	#667C26
Chartreuse4	#437C17
Green4	#347C17
Medium Spring Green	#348017
Spring Green	#4AA02C
Lime Green	#41A317
Spring Green	#4AA02C
Dark Sea Green	#8BB381
Dark Sea Green3	#99C68E
Green3	#4CC417
Chartreuse3	#6CC417
Yellow Green	#52D017
Spring Green3	#4CC552
Sea Green3	#54C571
Spring Green2	#57E964
Spring Green1	#5EFB6E
Sea Green2	#64E986
Sea Green1	#6AFB92
Dark Sea Green2	#B5EAAA
Dark Sea Green1	#C3FDB8
Green	#00FF00
Lawn Green	#87F717
Green1	#5FFB17
Green2	#59E817
Chartreuse2	#7FE817
Chartreuse	#8AFB17
Green Yellow	#B1FB17
Dark Olive Green1	#CCFB5D
Dark Olive Green2	#BCE954
Dark Olive Green3	#A0C544
Yellow	#FFFF00
Yellow1	#FFFC17
Khaki1	#FFF380
Khaki2	#EDE275
Goldenrod	#EDDA74
Gold2	#EAC117
Gold1	#FDD017
Goldenrod1	#FBB917
Goldenrod2	#E9AB17
Gold	#D4A017
Gold3	#C7A317
Goldenrod3	#C68E17
Dark Goldenrod	#AF7817
Khaki	#ADA96E
Khaki3	#C9BE62
Khaki4	#827839
Dark Goldenrod1	#FBB117
Dark Goldenrod2	#E8A317
Dark Goldenrod3	#C58917
Sienna1	#F87431
Sienna2	#E66C2C
Dark Orange	#F88017
Dark Orange1	#F87217
Dark Orange2	#E56717
Dark Orange3	#C35617
Sienna3	#C35817
Sienna	#8A4117
Sienna4	#7E3517
Indian Red4	#7E2217
Dark Orange3	#7E3117
Salmon4	#7E3817
Dark Goldenrod4	#7F5217
Gold4	#806517
Goldenrod4	#805817
Light Salmon4	#7F462C
Chocolate	#C85A17
Coral3	#C34A2C
Coral2	#E55B3C
Coral	#F76541
Dark Salmon	#E18B6B
Salmon1	#F88158
Salmon2	#E67451
Salmon3	#C36241
Light Salmon3	#C47451
Light Salmon2	#E78A61
Light Salmon	#F9966B
Sandy Brown	#EE9A4D
Hot Pink	#F660AB
Hot Pink1	#F665AB
Hot Pink2	#E45E9D
Hot Pink3	#C25283
Hot Pink4	#7D2252
Light Coral	#E77471
Indian Red1	#F75D59
Indian Red2	#E55451
Indian Red3	#C24641
Red	#FF0000
Red1	#F62217
Red2	#E41B17
Firebrick1	#F62817
Firebrick2	#E42217
Firebrick3	#C11B17
Pink	#FAAFBE
Rosy Brown1	#FBBBB9
Rosy Brown2	#E8ADAA
Pink2	#E7A1B0
Light Pink	#FAAFBA
Light Pink1	#F9A7B0
Light Pink2	#E799A3
Pink3	#C48793
Rosy Brown3	#C5908E
Rosy Brown	#B38481
Light Pink3	#C48189
Rosy Brown4	#7F5A58
Light Pink4	#7F4E52
Pink4	#7F525D
Lavendar Blush4	#817679
Light Goldenrod4	#817339
Lemon Chiffon4	#827B60
Lemon Chiffon3	#C9C299
Light Goldenrod3	#C8B560
Light Golden2	#ECD672
Light Goldenrod	#ECD872
Light Goldenrod1	#FFE87C
Lemon Chiffon2	#ECE5B6
Lemon Chiffon	#FFF8C6
Light Goldenrod Yellow	#FAF8CC