Website At 100: html

Guidelines for adding the AdSense code to your web page

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
Adding the <a href="http://websiteat100.com/blog/category/google-adsense/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Adsense blog by websiteat100.com">AdSense</a> code to your web page is a very straight forward process. You just need to copy the AdSense code from your <a href="http://websiteat100.com/blog/category/google-adsense/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Adsense blog by websiteat100.com">AdSense </a>account (as seen in the AdSense code box) and paste it in your <a href="http://websiteat100.com/blog/category/html5-and-css3/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Html blog by websiteat100.com">html </a>code. However, there are certain guidelines that you need to follow when pasting the <a href="http://websiteat100.com/blog/category/google-adsense/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Adsense blog by websiteat100.com">AdSense </a>code in your web page.</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
Firstly, you should never tamper with the AdSense code in any way. It should be pasted as such, in its entirety, without any changes or modifications; otherwise your <a href="http://websiteat100.com/blog/category/google-adsense/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Adsense blog by websiteat100.com">AdSense </a>code will not work. Moreover, you might end up violating the AdSense program policies.</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
Also, it’s important that you paste the AdSense code in the body tags of your html page. This is necessary for the code (java script) to run properly.</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
Further, you must ensure that you use a maximum of three ad units per web page (this is the limit specified by <a href="http://websiteat100.com/blog/category/google-adsense/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Google adsense blog by websiteat100.com">Google AdSense</a> program) and not more than 1 link unit per web page.</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
Since content based Ad targeting is the main concept behind <a href="http://websiteat100.com/blog/category/google-adsense/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Adsense blog by websiteat100.com">AdSense </a>program, you need to ensure that you paste your AdSense code in the place where you have your main content pieces e.g. if you have your main content in a particular frame or a ‘DIV’ tag, your <a href="http://websiteat100.com/blog/category/google-adsense/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Adsense blog by websiteat100.com">AdSense </a>code should be pasted in that particular frame or ‘DIV’ tag.</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
Be careful when using WYSIWYG editor (What you see is what you get) editors. Such editors sometimes add few tags on their own. So, paste the <a href="http://websiteat100.com/blog/category/google-adsense/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Adsense blog by websiteat100.com">AdSense </a>code only in source code directly and not in the preview page or any other view of your web page. Always check the AdSense code for additional irrelevant tags before you actually upload your web page to your server.</div>
</div>

Guidelines for adding the AdSense code to your web page

Adding the AdSense code to your web page is a very straight forward process. You just need to copy the AdSense code from your AdSense ...

Google Adsense: Keeping Your Account From Being Disabled and Useful Books About the Program

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
<a href="http://websiteat100.com/blog/category/google-adsense/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Google adsense blog by websiteat100.com">Google Adsense</a> Program Policies make no allowances for deceptive practices. The most important thing a publisher can do to ensure the integrity of their site is to be aware of what is happening on your site.</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
Google has made it abundantly clear not to click on your own ads or ask others to do so. But what about practices a publisher may not purposely carry out?</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
Make sure that ads associated with Google never appear in an unrequested pop-up. Don’t be talked into purchasing traffic for your site that may contain adware.</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
Respect the Google trademarks. Don’t use any Google trademarks or logos without their consent.</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
Don’t change the <a href="http://websiteat100.com/blog/category/google-adsense/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Adsense blog by websiteat100.com">Adsense </a>code. If you’re a pro at html, don’t assume you can add your own code. If you’re new to<a href="http://websiteat100.com/blog/category/html5-and-css3/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Html blog by websiteat100.com">html</a>, simply copy and paste the offered code. Don’t mess with it.</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
Provide a good environment for advertisers and a positive user experience. Don’t try to be deceptive in any way. Google’s rules may sound strict, but believe me, protecting the integrity of the <a href="http://websiteat100.com/blog/category/google-adsense/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Google adsense blog by websiteat100.com">Google Adsense</a> Program is in your best interest as well as Google’s. After all, a positive, honest <a href="http://websiteat100.com/blog/category/google-adsense/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Google adsense blog by websiteat100.com">Google Adsense</a> program means more money for all of us.</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
Useful Books About the Google Adsense Program For Users of All Stages</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px;">
Do you need to buy a book to use <a href="http://websiteat100.com/blog/category/google-adsense/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Google adsense blog by websiteat100.com">Google Adsense</a>? Not necessarily. Google’s support page has a wealth of information. But you might consider it if you want to read a personal account of an <a href="http://websiteat100.com/blog/category/google-adsense/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Adsense blog by websiteat100.com">Adsense </a>wizard such as Eric Giguere or say, if you want to learn more about <a href="http://websiteat100.com/blog/category/html5-and-css3/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Html blog by websiteat100.com">HTML</a>. ‘Who Let the Blogs Out: A Hyperconnected Peek at the World of Weblogs by Biz Stone has a lot of information on blogging as well as information about <a href="http://websiteat100.com/blog/category/google-adsense/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Google adsense blog by websiteat100.com">Google Adsense</a>. The following is just a few books you can find at amazon.com on the subject:</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
Make Easy Money with Google: Using the Adsense Advertising Program By Eric Giguere</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
The <a href="http://websiteat100.com/blog/category/google-adsense/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Google adsense blog by websiteat100.com">Google Adsense</a> Handbook By Angus McLeod</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
Google Advertising Tools: Cashing in with <a href="http://websiteat100.com/blog/category/google-adsense/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Adsense blog by websiteat100.com">Adsense</a>, Adwords, and the Google APIs by Harold Davis</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
Top-Paying <a href="http://websiteat100.com/blog/category/google-adsense/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Google adsense blog by websiteat100.com">Google Adsense</a> and Adwords Keywords for Pharmaceuticals (In Digital Format) [Download: Adobe Reader] By W. Frederick Zimmerman</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px;">
The Complete Idiot’s Guide to Growing Your Business with Google By Dave Taylor</div>
</div>

Google Adsense: Keeping Your Account From Being Disabled and Useful Books About the Program

Google Adsense Program Policies make no allowances for deceptive practices. The most important thing a publisher can do to ensure the int...

PHP AND MYSQL COMMENT FORM WITHOUT REFRESHING PAGE WITH JQUERY

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
In this tutorial I’ll show you how to create an <strong style="line-height: inherit;">advance comment form in <a href="http://websiteat100.com/blog/category/php/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Php blog by websiteat100.com">PHP </a>and MySQL with <a href="http://websiteat100.com/blog/category/jquery/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Jquery blog by websiteat100.com">jQuery</a></strong><a href="http://websiteat100.com/blog/category/jquery/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Jquery blog by websiteat100.com"> </a>without refreshing page in just a few lines of codes all we need to do is initialize the submitted post data and pass using<a href="http://websiteat100.com/blog/category/jquery/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Jquery blog by websiteat100.com">jQuery </a>API, display response and done, the data submitted is constructed using <a href="http://websiteat100.com/blog/category/php/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Php blog by websiteat100.com">PHP</a>, so sounds simple right? Yes it is.</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
Past few years Google introduces web 2.0 in their Gmail project with <a href="http://websiteat100.com/blog/category/jquery/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Jquery blog by websiteat100.com">jQuery </a>and now web programming is going crazy, adding and optimizing web using <a href="http://websiteat100.com/blog/category/jquery/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Jquery blog by websiteat100.com">jQuery </a>to save time, smooth and with elegant look.</div>
<h3 style="background-color: white; color: #333333; font-family: 'Droid Sans'; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
index.html</h3>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
Here our <a href="http://websiteat100.com/blog/category/html5-and-css3/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Html blog by websiteat100.com">HTML </a>codes that contains the basic input data name, email, url and message.</div>
<div data-settings=" minimize scroll-mouseover" id="crayon-52a80809243c3891220618" style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; text-align: justify;">
<div data-settings=" show">
XHTML</div>
<div>
</div>
<div>
<table style="border-collapse: collapse; border-spacing: 0px;"><tbody>
<tr><td data-settings="show" style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div data-line="crayon-52a80809243c3891220618-1">
1</div>
<div data-line="crayon-52a80809243c3891220618-2">
2</div>
<div data-line="crayon-52a80809243c3891220618-3">
3</div>
<div data-line="crayon-52a80809243c3891220618-4">
4</div>
<div data-line="crayon-52a80809243c3891220618-5">
5</div>
<div data-line="crayon-52a80809243c3891220618-6">
6</div>
<div data-line="crayon-52a80809243c3891220618-7">
7</div>
<div data-line="crayon-52a80809243c3891220618-8">
8</div>
<div data-line="crayon-52a80809243c3891220618-9">
9</div>
<div data-line="crayon-52a80809243c3891220618-10">
10</div>
<div data-line="crayon-52a80809243c3891220618-11">
11</div>
<div data-line="crayon-52a80809243c3891220618-12">
12</div>
<div data-line="crayon-52a80809243c3891220618-13">
13</div>
<div data-line="crayon-52a80809243c3891220618-14">
14</div>
<div data-line="crayon-52a80809243c3891220618-15">
15</div>
<div data-line="crayon-52a80809243c3891220618-16">
16</div>
<div data-line="crayon-52a80809243c3891220618-17">
17</div>
<div data-line="crayon-52a80809243c3891220618-18">
18</div>
<div data-line="crayon-52a80809243c3891220618-19">
19</div>
<div data-line="crayon-52a80809243c3891220618-20">
20</div>
<div data-line="crayon-52a80809243c3891220618-21">
21</div>
<div data-line="crayon-52a80809243c3891220618-22">
22</div>
</td><td style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div id="crayon-52a80809243c3891220618-1">
<!–Error and success message wrapper–></div>
<div id="crayon-52a80809243c3891220618-2">
<div id=”errAll”></div></div>
<div id="crayon-52a80809243c3891220618-3">
</div>
<div id="crayon-52a80809243c3891220618-4">
<!–Lists of comments posts wrapper–></div>
<div id="crayon-52a80809243c3891220618-5">
<div class=”commentpost”></div></div>
<div id="crayon-52a80809243c3891220618-6">
</div>
<div id="crayon-52a80809243c3891220618-7">
<!–Comment form–></div>
<div id="crayon-52a80809243c3891220618-8">
<form method=”post” id=”formcomment”></div>
<div id="crayon-52a80809243c3891220618-9">
   <label for=”name”>Name</label></div>
<div id="crayon-52a80809243c3891220618-10">
   <p><input type=”text” name=”name” id=”name” value=”<?php echo (isset($_POST['name']) ? $_POST['name'] : ”); ?>” /></p></div>
<div id="crayon-52a80809243c3891220618-11">
</div>
<div id="crayon-52a80809243c3891220618-12">
   <label for=”email”>Email</label></div>
<div id="crayon-52a80809243c3891220618-13">
   <p><input type=”text” name=”email” id=”email” value=”<?php echo (isset($_POST['email']) ? $_POST['email'] : ”); ?>” /></p></div>
<div id="crayon-52a80809243c3891220618-14">
   <label for=”website”>URL</label></div>
<div id="crayon-52a80809243c3891220618-15">
   <p><input type=”text” name=”url” id=”url” value=”<?php echo (isset($_POST['url']) ? $_POST['url'] : ”); ?>” /></p></div>
<div id="crayon-52a80809243c3891220618-16">
</div>
<div id="crayon-52a80809243c3891220618-17">
   <label for=”website”>Message</label></div>
<div id="crayon-52a80809243c3891220618-18">
   <p><textarea cols=”40″ rows=”6″ name=”message” id=”message”><?php echo (isset($_POST['message']) ? $_POST['message'] : ”); ?></textarea></p></div>
<div id="crayon-52a80809243c3891220618-19">
</div>
<div id="crayon-52a80809243c3891220618-20">
   <p><input type=”submit” name=”submitter” value=”Submit Comment” /></p></div>
<div id="crayon-52a80809243c3891220618-21">
   <p><input type=”hidden” name=”task” value=”addComments” /></p></div>
<div id="crayon-52a80809243c3891220618-22">
</form></div>
</td></tr>
</tbody></table>
</div>
</div>
<h3 style="background-color: white; color: #333333; font-family: 'Droid Sans'; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
Javascript Code</h3>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
<code style="font-family: monospace, monospace; font-size: 1em; white-space: pre-wrap; word-wrap: break-word;">$("#formcomment").submit()</code> – formcomment is the ID of the FORM tag. If user submit the form, the data posted to <code style="font-family: monospace, monospace; font-size: 1em; white-space: pre-wrap; word-wrap: break-word;">ajax.php</code> without refreshing the page(thanks to jQuery for the JS library) and result or response data is appended to commentpost class.</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
In here we’re using <code style="font-family: monospace, monospace; font-size: 1em; white-space: pre-wrap; word-wrap: break-word;">$.post()</code> jquery API, it Load data from the server using a HTTP POST request.</div>
<div data-settings=" minimize scroll-mouseover" id="crayon-52a80809243d0204430601" style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; text-align: justify;">
<div data-settings=" show">
<a href="http://websiteat100.com/blog/category/jquery/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Javascript blog by websiteat100.com">JavaScript</a></div>
<div>
</div>
<div>
<table style="border-collapse: collapse; border-spacing: 0px;"><tbody>
<tr><td data-settings="show" style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div data-line="crayon-52a80809243d0204430601-1">
1</div>
<div data-line="crayon-52a80809243d0204430601-2">
2</div>
<div data-line="crayon-52a80809243d0204430601-3">
3</div>
<div data-line="crayon-52a80809243d0204430601-4">
4</div>
<div data-line="crayon-52a80809243d0204430601-5">
5</div>
<div data-line="crayon-52a80809243d0204430601-6">
6</div>
<div data-line="crayon-52a80809243d0204430601-7">
7</div>
<div data-line="crayon-52a80809243d0204430601-8">
8</div>
<div data-line="crayon-52a80809243d0204430601-9">
9</div>
<div data-line="crayon-52a80809243d0204430601-10">
10</div>
<div data-line="crayon-52a80809243d0204430601-11">
11</div>
<div data-line="crayon-52a80809243d0204430601-12">
12</div>
<div data-line="crayon-52a80809243d0204430601-13">
13</div>
<div data-line="crayon-52a80809243d0204430601-14">
14</div>
<div data-line="crayon-52a80809243d0204430601-15">
15</div>
<div data-line="crayon-52a80809243d0204430601-16">
16</div>
<div data-line="crayon-52a80809243d0204430601-17">
17</div>
<div data-line="crayon-52a80809243d0204430601-18">
18</div>
<div data-line="crayon-52a80809243d0204430601-19">
19</div>
<div data-line="crayon-52a80809243d0204430601-20">
20</div>
<div data-line="crayon-52a80809243d0204430601-21">
21</div>
<div data-line="crayon-52a80809243d0204430601-22">
22</div>
<div data-line="crayon-52a80809243d0204430601-23">
23</div>
<div data-line="crayon-52a80809243d0204430601-24">
24</div>
<div data-line="crayon-52a80809243d0204430601-25">
25</div>
<div data-line="crayon-52a80809243d0204430601-26">
26</div>
<div data-line="crayon-52a80809243d0204430601-27">
27</div>
<div data-line="crayon-52a80809243d0204430601-28">
28</div>
<div data-line="crayon-52a80809243d0204430601-29">
29</div>
<div data-line="crayon-52a80809243d0204430601-30">
30</div>
<div data-line="crayon-52a80809243d0204430601-31">
31</div>
<div data-line="crayon-52a80809243d0204430601-32">
32</div>
<div data-line="crayon-52a80809243d0204430601-33">
33</div>
<div data-line="crayon-52a80809243d0204430601-34">
34</div>
<div data-line="crayon-52a80809243d0204430601-35">
35</div>
<div data-line="crayon-52a80809243d0204430601-36">
36</div>
<div data-line="crayon-52a80809243d0204430601-37">
37</div>
<div data-line="crayon-52a80809243d0204430601-38">
38</div>
</td><td style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div id="crayon-52a80809243d0204430601-1">
<script type=”text/javascript”></div>
<div id="crayon-52a80809243d0204430601-2">
jQuery(document).ready(function($){</div>
<div id="crayon-52a80809243d0204430601-3">
    $(“#formcomment”).submit(function(){</div>
<div id="crayon-52a80809243d0204430601-4">
        ctask = this.task.value;</div>
<div id="crayon-52a80809243d0204430601-5">
        cname = this.name.value;</div>
<div id="crayon-52a80809243d0204430601-6">
        cemail = this.email.value;</div>
<div id="crayon-52a80809243d0204430601-7">
        curl = this.url.value;</div>
<div id="crayon-52a80809243d0204430601-8">
        cmessage = this.message.value;</div>
<div id="crayon-52a80809243d0204430601-9">
        submitter = this.submitter;</div>
<div id="crayon-52a80809243d0204430601-10">
</div>
<div id="crayon-52a80809243d0204430601-11">
        // you can use PHP for double validation</div>
<div id="crayon-52a80809243d0204430601-12">
        if( cname==”" || cemail==”" || cmessage==”" )</div>
<div id="crayon-52a80809243d0204430601-13">
            $(“#errAll”).html(‘<p>Invalid Captcha. Please try again.</p>’);</div>
<div id="crayon-52a80809243d0204430601-14">
</div>
<div id="crayon-52a80809243d0204430601-15">
        var data = {</div>
<div id="crayon-52a80809243d0204430601-16">
            task: ctask,</div>
<div id="crayon-52a80809243d0204430601-17">
            name: cname,</div>
<div id="crayon-52a80809243d0204430601-18">
            email: cemail,</div>
<div id="crayon-52a80809243d0204430601-19">
            url: curl,</div>
<div id="crayon-52a80809243d0204430601-20">
            message: cmessage</div>
<div id="crayon-52a80809243d0204430601-21">
        };</div>
<div id="crayon-52a80809243d0204430601-22">
        $.post(“ajax.php”, data, function( response ) {</div>
<div id="crayon-52a80809243d0204430601-23">
            if( ’0′ == response ) {</div>
<div id="crayon-52a80809243d0204430601-24">
                $(“#errAll”).html(‘<p>Please don\’t leave the requierd fields.</p>’);</div>
<div id="crayon-52a80809243d0204430601-25">
            } else if( ’1′ == response ) {</div>
<div id="crayon-52a80809243d0204430601-26">
                $(“#errAll”).html(‘<p>Invalid Email Address, Please try again.</p>’);</div>
<div id="crayon-52a80809243d0204430601-27">
            } else {</div>
<div id="crayon-52a80809243d0204430601-28">
                submitter.value=”Comment posted”;</div>
<div id="crayon-52a80809243d0204430601-29">
                submitter.disabled=true;</div>
<div id="crayon-52a80809243d0204430601-30">
                $(response).appendTo($(“.commentpost”));</div>
<div id="crayon-52a80809243d0204430601-31">
            }</div>
<div id="crayon-52a80809243d0204430601-32">
        });</div>
<div id="crayon-52a80809243d0204430601-33">
</div>
<div id="crayon-52a80809243d0204430601-34">
        return false;</div>
<div id="crayon-52a80809243d0204430601-35">
</div>
<div id="crayon-52a80809243d0204430601-36">
    });</div>
<div id="crayon-52a80809243d0204430601-37">
});</div>
<div id="crayon-52a80809243d0204430601-38">
</script></div>
</td></tr>
</tbody></table>
</div>
</div>
<h3 style="background-color: white; color: #333333; font-family: 'Droid Sans'; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
ajax.php</h3>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
This contains <a href="http://websiteat100.com/blog/category/php/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Php blog by websiteat100.com">PHP </a>codes that construct the submitted data and MySQL code to insert data to <strong style="line-height: inherit;">tbl_comment</strong> table.</div>
<div data-settings=" minimize scroll-mouseover" id="crayon-52a80809243d6238635925" style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; text-align: justify;">
<div data-settings=" show">
PHP</div>
<div>
</div>
<div>
<table style="border-collapse: collapse; border-spacing: 0px;"><tbody>
<tr><td data-settings="show" style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div data-line="crayon-52a80809243d6238635925-1">
1</div>
<div data-line="crayon-52a80809243d6238635925-2">
2</div>
<div data-line="crayon-52a80809243d6238635925-3">
3</div>
<div data-line="crayon-52a80809243d6238635925-4">
4</div>
<div data-line="crayon-52a80809243d6238635925-5">
5</div>
<div data-line="crayon-52a80809243d6238635925-6">
6</div>
<div data-line="crayon-52a80809243d6238635925-7">
7</div>
<div data-line="crayon-52a80809243d6238635925-8">
8</div>
<div data-line="crayon-52a80809243d6238635925-9">
9</div>
<div data-line="crayon-52a80809243d6238635925-10">
10</div>
<div data-line="crayon-52a80809243d6238635925-11">
11</div>
<div data-line="crayon-52a80809243d6238635925-12">
12</div>
<div data-line="crayon-52a80809243d6238635925-13">
13</div>
<div data-line="crayon-52a80809243d6238635925-14">
14</div>
<div data-line="crayon-52a80809243d6238635925-15">
15</div>
<div data-line="crayon-52a80809243d6238635925-16">
16</div>
<div data-line="crayon-52a80809243d6238635925-17">
17</div>
<div data-line="crayon-52a80809243d6238635925-18">
18</div>
<div data-line="crayon-52a80809243d6238635925-19">
19</div>
<div data-line="crayon-52a80809243d6238635925-20">
20</div>
<div data-line="crayon-52a80809243d6238635925-21">
21</div>
<div data-line="crayon-52a80809243d6238635925-22">
22</div>
<div data-line="crayon-52a80809243d6238635925-23">
23</div>
<div data-line="crayon-52a80809243d6238635925-24">
24</div>
<div data-line="crayon-52a80809243d6238635925-25">
25</div>
<div data-line="crayon-52a80809243d6238635925-26">
26</div>
<div data-line="crayon-52a80809243d6238635925-27">
27</div>
<div data-line="crayon-52a80809243d6238635925-28">
28</div>
<div data-line="crayon-52a80809243d6238635925-29">
29</div>
<div data-line="crayon-52a80809243d6238635925-30">
30</div>
<div data-line="crayon-52a80809243d6238635925-31">
31</div>
<div data-line="crayon-52a80809243d6238635925-32">
32</div>
<div data-line="crayon-52a80809243d6238635925-33">
33</div>
<div data-line="crayon-52a80809243d6238635925-34">
34</div>
<div data-line="crayon-52a80809243d6238635925-35">
35</div>
</td><td style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div id="crayon-52a80809243d6238635925-1">
<?php</div>
<div id="crayon-52a80809243d6238635925-2">
// include config.php file, this contains our DB connection</div>
<div id="crayon-52a80809243d6238635925-3">
include_once( ‘config.php’ );</div>
<div id="crayon-52a80809243d6238635925-4">
</div>
<div id="crayon-52a80809243d6238635925-5">
if( isset($_POST['task']) && ‘addComments’ == $_POST['task'] )</div>
<div id="crayon-52a80809243d6238635925-6">
{</div>
<div id="crayon-52a80809243d6238635925-7">
    $name = addslashes(trim($_POST['name']));</div>
<div id="crayon-52a80809243d6238635925-8">
    $email = addslashes(trim($_POST['email']));</div>
<div id="crayon-52a80809243d6238635925-9">
    $url = addslashes(trim($_POST['url']));</div>
<div id="crayon-52a80809243d6238635925-10">
    $comment = htmlentities(addslashes(trim($_POST['message'])));</div>
<div id="crayon-52a80809243d6238635925-11">
    $date = date(‘F j, Y’);</div>
<div id="crayon-52a80809243d6238635925-12">
</div>
<div id="crayon-52a80809243d6238635925-13">
    if ($name == “” || $email == “” || $url == “” || $comment == “”) {</div>
<div id="crayon-52a80809243d6238635925-14">
        echo ’0′;</div>
<div id="crayon-52a80809243d6238635925-15">
    } else if(!filter_var($email, FILTER_VALIDATE_EMAIL)){</div>
<div id="crayon-52a80809243d6238635925-16">
        echo ’1′;</div>
<div id="crayon-52a80809243d6238635925-17">
    } else {</div>
<div id="crayon-52a80809243d6238635925-18">
        $sql=mysql_query(“INSERT INTO tbl_comment(name, email, url, message, date_posted) VALUES (‘$name’, ‘$email’, ‘$url’, ‘$comment’, ‘$date’)”);</div>
<div id="crayon-52a80809243d6238635925-19">
        if($sql) {</div>
<div id="crayon-52a80809243d6238635925-20">
        echo ‘</div>
<div id="crayon-52a80809243d6238635925-21">
            <div></div>
<div id="crayon-52a80809243d6238635925-22">
                <div>’.$name.’ </div></div>
<div id="crayon-52a80809243d6238635925-23">
                    <div></div>
<div id="crayon-52a80809243d6238635925-24">
                        <p></div>
<div id="crayon-52a80809243d6238635925-25">
                            ’. $comment .’</div>
<div id="crayon-52a80809243d6238635925-26">
                        </p></div>
<div id="crayon-52a80809243d6238635925-27">
                    </div></div>
<div id="crayon-52a80809243d6238635925-28">
                <div>’. $date .’</div></div>
<div id="crayon-52a80809243d6238635925-29">
            </div></div>
<div id="crayon-52a80809243d6238635925-30">
        ’;</div>
<div id="crayon-52a80809243d6238635925-31">
        }</div>
<div id="crayon-52a80809243d6238635925-32">
    }</div>
<div id="crayon-52a80809243d6238635925-33">
</div>
<div id="crayon-52a80809243d6238635925-34">
}</div>
<div id="crayon-52a80809243d6238635925-35">
?></div>
</td></tr>
</tbody></table>
</div>
</div>
<h3 style="background-color: white; color: #333333; font-family: 'Droid Sans'; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
Database</h3>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
You can do this easily using <a href="http://websiteat100.com/blog/category/php/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Php blog by websiteat100.com">PHP</a>MyAdmin, or you can use the code below and execute commands in MySQL Console.</div>
<div data-settings=" minimize scroll-mouseover" id="crayon-52a80809243dc635466036" style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; text-align: justify;">
<div data-settings=" show">
MySQL</div>
<div>
</div>
<div>
<table style="border-collapse: collapse; border-spacing: 0px;"><tbody>
<tr><td data-settings="show" style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div data-line="crayon-52a80809243dc635466036-1">
1</div>
<div data-line="crayon-52a80809243dc635466036-2">
2</div>
<div data-line="crayon-52a80809243dc635466036-3">
3</div>
<div data-line="crayon-52a80809243dc635466036-4">
4</div>
<div data-line="crayon-52a80809243dc635466036-5">
5</div>
<div data-line="crayon-52a80809243dc635466036-6">
6</div>
<div data-line="crayon-52a80809243dc635466036-7">
7</div>
<div data-line="crayon-52a80809243dc635466036-8">
8</div>
<div data-line="crayon-52a80809243dc635466036-9">
9</div>
<div data-line="crayon-52a80809243dc635466036-10">
10</div>
</td><td style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div id="crayon-52a80809243dc635466036-1">
CREATE TABLE IF NOT EXISTS ‘tbl_comment’ (</div>
<div id="crayon-52a80809243dc635466036-2">
  ’id’ INT(11) NOT NULL AUTO_INCREMENT,</div>
<div id="crayon-52a80809243dc635466036-3">
  ’name’ VARCHAR(225) NOT NULL,</div>
<div id="crayon-52a80809243dc635466036-4">
  ’email’ VARCHAR(225) NOT NULL,</div>
<div id="crayon-52a80809243dc635466036-5">
  ’url’ VARCHAR(225) NOT NULL,</div>
<div id="crayon-52a80809243dc635466036-6">
  ’message’ TEXT NOT NULL,</div>
<div id="crayon-52a80809243dc635466036-7">
  ’date_posted’ VARCHAR(225) NOT NULL,</div>
<div id="crayon-52a80809243dc635466036-8">
  PRIMARY KEY (‘id’),</div>
<div id="crayon-52a80809243dc635466036-9">
  UNIQUE KEY ‘email’ (‘email’)</div>
<div id="crayon-52a80809243dc635466036-10">
) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=2 ;</div>
</td></tr>
</tbody></table>
</div>
</div>
<h3 style="background-color: white; color: #333333; font-family: 'Droid Sans'; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
config.php</h3>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
This contains <a href="http://websiteat100.com/blog/category/php/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Php blog by websiteat100.com">PHP </a>database configuration file.</div>
<div data-settings=" minimize scroll-mouseover" id="crayon-52a80809243e1953202983" style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; text-align: justify;">
<div data-settings=" show">
PHP</div>
<div>
</div>
<div>
<table style="border-collapse: collapse; border-spacing: 0px;"><tbody>
<tr><td data-settings="show" style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div data-line="crayon-52a80809243e1953202983-1">
1</div>
<div data-line="crayon-52a80809243e1953202983-2">
2</div>
<div data-line="crayon-52a80809243e1953202983-3">
3</div>
<div data-line="crayon-52a80809243e1953202983-4">
4</div>
<div data-line="crayon-52a80809243e1953202983-5">
5</div>
<div data-line="crayon-52a80809243e1953202983-6">
6</div>
<div data-line="crayon-52a80809243e1953202983-7">
7</div>
<div data-line="crayon-52a80809243e1953202983-8">
8</div>
<div data-line="crayon-52a80809243e1953202983-9">
9</div>
</td><td style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div id="crayon-52a80809243e1953202983-1">
<?php</div>
<div id="crayon-52a80809243e1953202983-2">
$host=’HOSTNAME’;</div>
<div id="crayon-52a80809243e1953202983-3">
$user=’USERNAME’;</div>
<div id="crayon-52a80809243e1953202983-4">
$pass=’PASSWORD’;</div>
<div id="crayon-52a80809243e1953202983-5">
$db=’DATABASE’;</div>
<div id="crayon-52a80809243e1953202983-6">
</div>
<div id="crayon-52a80809243e1953202983-7">
$con = mysql_connect($host, $user, $pass) or die(mysql_error() . ‘Oops! there is a problem connecting to database’);</div>
<div id="crayon-52a80809243e1953202983-8">
mysql_select_db($db, $con) or die(‘Error selecting database ‘. mysql_error());</div>
<div id="crayon-52a80809243e1953202983-9">
?></div>
</td></tr>
</tbody></table>
</div>
</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
That’s it, hope your find this tutorial helpful, for your feedback you can add comment below.</div>
</div>

PHP AND MYSQL COMMENT FORM WITHOUT REFRESHING PAGE WITH JQUERY

In this tutorial I’ll show you how to create an advance comment form in PHP and MySQL with jQuery without refreshing page in just a ...

WORDPRESS ADMIN-LIKE LOGIN FORM WITH CSS3 AND JQUERY

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
I was a bit amazed in the <strong style="line-height: inherit;"><a href="http://websiteat100.com/blog/category/wordpress/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Wordpress blog by websiteat100.com">WordPress </a>Admin Login Form</strong> that shake if the inputted login information is wrong or if the user is not registered, so I decided to create one with the same functionality and I will share you <strong style="line-height: inherit;">how easy to make this with <a href="http://websiteat100.com/blog/category/html5-and-css3/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Css3 blog by websiteat100.com">CSS3 </a>and <a href="http://websiteat100.com/blog/category/jquery/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Jquery blog by websiteat100.com">jQuery</a></strong>.</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
We know that the Admin Login in <a href="http://websiteat100.com/blog/category/wordpress/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Wordpress blog by websiteat100.com">WordPress </a>is coded with Ajax to send inputted data to the server without refreshing page but in this tutorial I only use a very simple way to validate inputted data using <a href="http://websiteat100.com/blog/category/php/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Php blog by websiteat100.com">PHP </a>and shake the login box using<a href="http://websiteat100.com/blog/category/jquery/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Jquery blog by websiteat100.com">jQuery </a>shake effect.</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
Okay let’s start.</div>
<h3 style="background-color: white; color: #333333; font-family: 'Droid Sans'; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
Javascript</h3>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
Add this code in the header of <code style="font-family: monospace, monospace; font-size: 1em; white-space: pre-wrap; word-wrap: break-word;">index.php</code> file.</div>
<div data-settings=" minimize scroll-mouseover" id="crayon-52a95706bf0d6348445312" style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; text-align: justify;">
<div data-settings=" show">
JavaScript</div>
<div>
</div>
<div>
<table style="border-collapse: collapse; border-spacing: 0px;"><tbody>
<tr><td data-settings="show" style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div data-line="crayon-52a95706bf0d6348445312-1">
1</div>
<div data-line="crayon-52a95706bf0d6348445312-2">
2</div>
</td><td style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div id="crayon-52a95706bf0d6348445312-1">
<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js”></script></div>
<div id="crayon-52a95706bf0d6348445312-2">
<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js”></script></div>
</td></tr>
</tbody></table>
</div>
</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; text-align: justify;">
<div>
Note</div>
<div>
Use both script for the shake effect to work</div>
</div>
<h3 style="background-color: white; color: #333333; font-family: 'Droid Sans'; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
index.php</h3>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
This file contains our <a href="http://websiteat100.com/blog/category/html5-and-css3/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Html blog by websiteat100.com">HTML </a>form and <a href="http://websiteat100.com/blog/category/php/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Php blog by websiteat100.com">PHP </a>script to accept and validate submitted data.</div>
<div data-settings=" minimize scroll-mouseover" id="crayon-52a95706bf0e0184632637" style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; text-align: justify;">
<div data-settings=" show">
XHTML</div>
<div>
</div>
<div>
<table style="border-collapse: collapse; border-spacing: 0px;"><tbody>
<tr><td data-settings="show" style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div data-line="crayon-52a95706bf0e0184632637-1">
1</div>
<div data-line="crayon-52a95706bf0e0184632637-2">
2</div>
<div data-line="crayon-52a95706bf0e0184632637-3">
3</div>
<div data-line="crayon-52a95706bf0e0184632637-4">
4</div>
<div data-line="crayon-52a95706bf0e0184632637-5">
5</div>
<div data-line="crayon-52a95706bf0e0184632637-6">
6</div>
<div data-line="crayon-52a95706bf0e0184632637-7">
7</div>
<div data-line="crayon-52a95706bf0e0184632637-8">
8</div>
<div data-line="crayon-52a95706bf0e0184632637-9">
9</div>
<div data-line="crayon-52a95706bf0e0184632637-10">
10</div>
<div data-line="crayon-52a95706bf0e0184632637-11">
11</div>
<div data-line="crayon-52a95706bf0e0184632637-12">
12</div>
<div data-line="crayon-52a95706bf0e0184632637-13">
13</div>
<div data-line="crayon-52a95706bf0e0184632637-14">
14</div>
<div data-line="crayon-52a95706bf0e0184632637-15">
15</div>
<div data-line="crayon-52a95706bf0e0184632637-16">
16</div>
<div data-line="crayon-52a95706bf0e0184632637-17">
17</div>
<div data-line="crayon-52a95706bf0e0184632637-18">
18</div>
<div data-line="crayon-52a95706bf0e0184632637-19">
19</div>
<div data-line="crayon-52a95706bf0e0184632637-20">
20</div>
<div data-line="crayon-52a95706bf0e0184632637-21">
21</div>
<div data-line="crayon-52a95706bf0e0184632637-22">
22</div>
<div data-line="crayon-52a95706bf0e0184632637-23">
23</div>
<div data-line="crayon-52a95706bf0e0184632637-24">
24</div>
<div data-line="crayon-52a95706bf0e0184632637-25">
25</div>
<div data-line="crayon-52a95706bf0e0184632637-26">
26</div>
<div data-line="crayon-52a95706bf0e0184632637-27">
27</div>
<div data-line="crayon-52a95706bf0e0184632637-28">
28</div>
<div data-line="crayon-52a95706bf0e0184632637-29">
29</div>
<div data-line="crayon-52a95706bf0e0184632637-30">
30</div>
<div data-line="crayon-52a95706bf0e0184632637-31">
31</div>
<div data-line="crayon-52a95706bf0e0184632637-32">
32</div>
<div data-line="crayon-52a95706bf0e0184632637-33">
33</div>
<div data-line="crayon-52a95706bf0e0184632637-34">
34</div>
<div data-line="crayon-52a95706bf0e0184632637-35">
35</div>
<div data-line="crayon-52a95706bf0e0184632637-36">
36</div>
</td><td style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div id="crayon-52a95706bf0e0184632637-1">
<h2 class=”title”>Wordpress Admin like Login Form with CSS3 and jQuery</h2></div>
<div id="crayon-52a95706bf0e0184632637-2">
</div>
<div id="crayon-52a95706bf0e0184632637-3">
<div class=”login”></div>
<div id="crayon-52a95706bf0e0184632637-4">
    <?php</div>
<div id="crayon-52a95706bf0e0184632637-5">
    //add a condition if stat variable is already set</div>
<div id="crayon-52a95706bf0e0184632637-6">
    if(isset($_SESSION['stat']) == 1) : ?></div>
<div id="crayon-52a95706bf0e0184632637-7">
        <form method=”post” action=”logout.php”><fieldset></div>
<div id="crayon-52a95706bf0e0184632637-8">
            <p><?php echo ‘Welcome <strong>’ . $_SESSION['username'] .’</strong>’; ?></p></div>
<div id="crayon-52a95706bf0e0184632637-9">
            <input type=”submit” class=”submit-button” value=”Logout” /></div>
<div id="crayon-52a95706bf0e0184632637-10">
            <input type=”hidden” name=”task” value=”logout” /></div>
<div id="crayon-52a95706bf0e0184632637-11">
        </fieldset></form></div>
<div id="crayon-52a95706bf0e0184632637-12">
    <?php else : ?></div>
<div id="crayon-52a95706bf0e0184632637-13">
        <div class=”message”></div>
<div id="crayon-52a95706bf0e0184632637-14">
            //this display error and success message</div>
<div id="crayon-52a95706bf0e0184632637-15">
            <?php if($errs != “”) { echo ‘<p>’.$errs.’</p>’; } ?></div>
<div id="crayon-52a95706bf0e0184632637-16">
            <?php if($success != “”) { echo ‘<p>’.$success.’</p>’; } ?></div>
<div id="crayon-52a95706bf0e0184632637-17">
            //this get the query log variable if is set or not.</div>
<div id="crayon-52a95706bf0e0184632637-18">
            <?php if(isset($_GET['log']) != “”) { echo ‘<p>You are now logged out.</p>’; } ?></div>
<div id="crayon-52a95706bf0e0184632637-19">
        </div></div>
<div id="crayon-52a95706bf0e0184632637-20">
</div>
<div id="crayon-52a95706bf0e0184632637-21">
        <form method=”post” action=”index.php”></div>
<div id="crayon-52a95706bf0e0184632637-22">
            <p></div>
<div id="crayon-52a95706bf0e0184632637-23">
                <label for=”username”>Username<br /></div>
<div id="crayon-52a95706bf0e0184632637-24">
                <input type=”text” id=”username” name=”username” class=”input” value=”<?php echo (isset($_POST['username']) ? $_POST['username'] : ”) ?>” size=”20″ tabindex=”10″ /></label></div>
<div id="crayon-52a95706bf0e0184632637-25">
            </p></div>
<div id="crayon-52a95706bf0e0184632637-26">
            <p></div>
<div id="crayon-52a95706bf0e0184632637-27">
                <label for=”password”>Password<br /></div>
<div id="crayon-52a95706bf0e0184632637-28">
                <input type=”password” id=”password” name=”password” class=”input” value=”<?php echo (isset($_POST['password']) ? $_POST['password'] : ”) ?>” size=”20″ tabindex=”20″ /></label></div>
<div id="crayon-52a95706bf0e0184632637-29">
            </p></div>
<div id="crayon-52a95706bf0e0184632637-30">
            <p class=”submit”></div>
<div id="crayon-52a95706bf0e0184632637-31">
                <input type=”submit” name=”submit” id=”submit” class=”submit-button” value=”Log In” tabindex=”100″ /></div>
<div id="crayon-52a95706bf0e0184632637-32">
                <input type=”hidden” name=”task” value=”login” /></div>
<div id="crayon-52a95706bf0e0184632637-33">
            </p></div>
<div id="crayon-52a95706bf0e0184632637-34">
        </form></div>
<div id="crayon-52a95706bf0e0184632637-35">
    <?php endif; ?></div>
<div id="crayon-52a95706bf0e0184632637-36">
</div></div>
</td></tr>
</tbody></table>
</div>
</div>
<h3 style="background-color: white; color: #333333; font-family: 'Droid Sans'; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
PHP</h3>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
This <a href="http://websiteat100.com/blog/category/php/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Php blog by websiteat100.com">php </a>script read if the form is being submitted and add <a href="http://websiteat100.com/blog/category/jquery/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Jquery blog by websiteat100.com">jQuery </a>code to shake the login form if one of the fields is not filled in or user is not registered.</div>
<div data-settings=" minimize scroll-mouseover" id="crayon-52a95706bf0e7783950116" style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; text-align: justify;">
<div data-settings=" show">
PHP</div>
<div>
</div>
<div>
<table style="border-collapse: collapse; border-spacing: 0px;"><tbody>
<tr><td data-settings="show" style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div data-line="crayon-52a95706bf0e7783950116-1">
1</div>
<div data-line="crayon-52a95706bf0e7783950116-2">
2</div>
<div data-line="crayon-52a95706bf0e7783950116-3">
3</div>
<div data-line="crayon-52a95706bf0e7783950116-4">
4</div>
<div data-line="crayon-52a95706bf0e7783950116-5">
5</div>
<div data-line="crayon-52a95706bf0e7783950116-6">
6</div>
<div data-line="crayon-52a95706bf0e7783950116-7">
7</div>
<div data-line="crayon-52a95706bf0e7783950116-8">
8</div>
<div data-line="crayon-52a95706bf0e7783950116-9">
9</div>
<div data-line="crayon-52a95706bf0e7783950116-10">
10</div>
<div data-line="crayon-52a95706bf0e7783950116-11">
11</div>
<div data-line="crayon-52a95706bf0e7783950116-12">
12</div>
<div data-line="crayon-52a95706bf0e7783950116-13">
13</div>
<div data-line="crayon-52a95706bf0e7783950116-14">
14</div>
<div data-line="crayon-52a95706bf0e7783950116-15">
15</div>
<div data-line="crayon-52a95706bf0e7783950116-16">
16</div>
<div data-line="crayon-52a95706bf0e7783950116-17">
17</div>
<div data-line="crayon-52a95706bf0e7783950116-18">
18</div>
<div data-line="crayon-52a95706bf0e7783950116-19">
19</div>
<div data-line="crayon-52a95706bf0e7783950116-20">
20</div>
<div data-line="crayon-52a95706bf0e7783950116-21">
21</div>
<div data-line="crayon-52a95706bf0e7783950116-22">
22</div>
<div data-line="crayon-52a95706bf0e7783950116-23">
23</div>
<div data-line="crayon-52a95706bf0e7783950116-24">
24</div>
<div data-line="crayon-52a95706bf0e7783950116-25">
25</div>
<div data-line="crayon-52a95706bf0e7783950116-26">
26</div>
<div data-line="crayon-52a95706bf0e7783950116-27">
27</div>
<div data-line="crayon-52a95706bf0e7783950116-28">
28</div>
<div data-line="crayon-52a95706bf0e7783950116-29">
29</div>
<div data-line="crayon-52a95706bf0e7783950116-30">
30</div>
<div data-line="crayon-52a95706bf0e7783950116-31">
31</div>
<div data-line="crayon-52a95706bf0e7783950116-32">
32</div>
<div data-line="crayon-52a95706bf0e7783950116-33">
33</div>
<div data-line="crayon-52a95706bf0e7783950116-34">
34</div>
<div data-line="crayon-52a95706bf0e7783950116-35">
35</div>
<div data-line="crayon-52a95706bf0e7783950116-36">
36</div>
<div data-line="crayon-52a95706bf0e7783950116-37">
37</div>
<div data-line="crayon-52a95706bf0e7783950116-38">
38</div>
<div data-line="crayon-52a95706bf0e7783950116-39">
39</div>
<div data-line="crayon-52a95706bf0e7783950116-40">
40</div>
</td><td style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div id="crayon-52a95706bf0e7783950116-1">
<?php</div>
<div id="crayon-52a95706bf0e7783950116-2">
    $errs = ”;</div>
<div id="crayon-52a95706bf0e7783950116-3">
    $success = ”;</div>
<div id="crayon-52a95706bf0e7783950116-4">
</div>
<div id="crayon-52a95706bf0e7783950116-5">
    if(isset($_POST['task']) && $_POST['task']==’login’)</div>
<div id="crayon-52a95706bf0e7783950116-6">
    {</div>
<div id="crayon-52a95706bf0e7783950116-7">
        $username = mysql_real_escape_string($_POST['username']);</div>
<div id="crayon-52a95706bf0e7783950116-8">
        $password = mysql_real_escape_string($_POST['password']);</div>
<div id="crayon-52a95706bf0e7783950116-9">
</div>
<div id="crayon-52a95706bf0e7783950116-10">
        if( $username == “” || $password == “”) {</div>
<div id="crayon-52a95706bf0e7783950116-11">
            $errs = ‘Fields are required.’;</div>
<div id="crayon-52a95706bf0e7783950116-12">
</div>
<div id="crayon-52a95706bf0e7783950116-13">
            //add jquery effect to shake our login form ?></div>
<div id="crayon-52a95706bf0e7783950116-14">
            <script type=”text/javascript”></div>
<div id="crayon-52a95706bf0e7783950116-15">
                $(document).ready(function() {</div>
<div id="crayon-52a95706bf0e7783950116-16">
                    $(“.login form”).effect(“shake”, { times: 3 }, 64);</div>
<div id="crayon-52a95706bf0e7783950116-17">
                });</div>
<div id="crayon-52a95706bf0e7783950116-18">
            </script></div>
<div id="crayon-52a95706bf0e7783950116-19">
            <?php</div>
<div id="crayon-52a95706bf0e7783950116-20">
        } else {</div>
<div id="crayon-52a95706bf0e7783950116-21">
            if( $username == “demo” && $password == “demo” ) {</div>
<div id="crayon-52a95706bf0e7783950116-22">
                $_SESSION['username'] = “Demo”;</div>
<div id="crayon-52a95706bf0e7783950116-23">
                $_SESSION['password'] = “demo”;</div>
<div id="crayon-52a95706bf0e7783950116-24">
                $_SESSION['stat'] = 1; //set status to 1</div>
<div id="crayon-52a95706bf0e7783950116-25">
                $success = ‘You\re successfully login.’;</div>
<div id="crayon-52a95706bf0e7783950116-26">
            } else {</div>
<div id="crayon-52a95706bf0e7783950116-27">
                $errs = ‘Invalid Username or Password.’;</div>
<div id="crayon-52a95706bf0e7783950116-28">
</div>
<div id="crayon-52a95706bf0e7783950116-29">
                //add jquery effect to shake our login form ?></div>
<div id="crayon-52a95706bf0e7783950116-30">
                <script type=”text/javascript”></div>
<div id="crayon-52a95706bf0e7783950116-31">
                    $(document).ready(function() {</div>
<div id="crayon-52a95706bf0e7783950116-32">
                        $(“.login form”).effect(“shake”, { times: 3 }, 64);</div>
<div id="crayon-52a95706bf0e7783950116-33">
                    });</div>
<div id="crayon-52a95706bf0e7783950116-34">
                </script></div>
<div id="crayon-52a95706bf0e7783950116-35">
                <?php</div>
<div id="crayon-52a95706bf0e7783950116-36">
            }</div>
<div id="crayon-52a95706bf0e7783950116-37">
</div>
<div id="crayon-52a95706bf0e7783950116-38">
        }</div>
<div id="crayon-52a95706bf0e7783950116-39">
    }</div>
<div id="crayon-52a95706bf0e7783950116-40">
?></div>
</td></tr>
</tbody></table>
</div>
</div>
<h3 style="background-color: white; color: #333333; font-family: 'Droid Sans'; font-size: 16px; font-weight: 200; letter-spacing: -0.1px; line-height: 20px; margin-top: 0px; padding: 0px; text-align: justify;">
CSS</h3>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
To look our login form like in <a href="http://websiteat100.com/blog/category/wordpress/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Wordpress blog by websiteat100.com">WordPress </a>Admin lets add <a href="http://websiteat100.com/blog/category/html5-and-css3/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Css blog by websiteat100.com">CSS </a>code.</div>
<div data-settings=" minimize scroll-mouseover" id="crayon-52a95706bf0ee226364240" style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; text-align: justify;">
<div data-settings=" show">
CSS</div>
<div>
</div>
<div>
<table style="border-collapse: collapse; border-spacing: 0px;"><tbody>
<tr><td data-settings="show" style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div data-line="crayon-52a95706bf0ee226364240-1">
1</div>
<div data-line="crayon-52a95706bf0ee226364240-2">
2</div>
<div data-line="crayon-52a95706bf0ee226364240-3">
3</div>
<div data-line="crayon-52a95706bf0ee226364240-4">
4</div>
<div data-line="crayon-52a95706bf0ee226364240-5">
5</div>
<div data-line="crayon-52a95706bf0ee226364240-6">
6</div>
<div data-line="crayon-52a95706bf0ee226364240-7">
7</div>
<div data-line="crayon-52a95706bf0ee226364240-8">
8</div>
<div data-line="crayon-52a95706bf0ee226364240-9">
9</div>
<div data-line="crayon-52a95706bf0ee226364240-10">
10</div>
<div data-line="crayon-52a95706bf0ee226364240-11">
11</div>
<div data-line="crayon-52a95706bf0ee226364240-12">
12</div>
<div data-line="crayon-52a95706bf0ee226364240-13">
13</div>
<div data-line="crayon-52a95706bf0ee226364240-14">
14</div>
<div data-line="crayon-52a95706bf0ee226364240-15">
15</div>
<div data-line="crayon-52a95706bf0ee226364240-16">
16</div>
<div data-line="crayon-52a95706bf0ee226364240-17">
17</div>
<div data-line="crayon-52a95706bf0ee226364240-18">
18</div>
<div data-line="crayon-52a95706bf0ee226364240-19">
19</div>
<div data-line="crayon-52a95706bf0ee226364240-20">
20</div>
<div data-line="crayon-52a95706bf0ee226364240-21">
21</div>
<div data-line="crayon-52a95706bf0ee226364240-22">
22</div>
<div data-line="crayon-52a95706bf0ee226364240-23">
23</div>
<div data-line="crayon-52a95706bf0ee226364240-24">
24</div>
<div data-line="crayon-52a95706bf0ee226364240-25">
25</div>
<div data-line="crayon-52a95706bf0ee226364240-26">
26</div>
<div data-line="crayon-52a95706bf0ee226364240-27">
27</div>
<div data-line="crayon-52a95706bf0ee226364240-28">
28</div>
<div data-line="crayon-52a95706bf0ee226364240-29">
29</div>
<div data-line="crayon-52a95706bf0ee226364240-30">
30</div>
<div data-line="crayon-52a95706bf0ee226364240-31">
31</div>
<div data-line="crayon-52a95706bf0ee226364240-32">
32</div>
<div data-line="crayon-52a95706bf0ee226364240-33">
33</div>
<div data-line="crayon-52a95706bf0ee226364240-34">
34</div>
<div data-line="crayon-52a95706bf0ee226364240-35">
35</div>
<div data-line="crayon-52a95706bf0ee226364240-36">
36</div>
<div data-line="crayon-52a95706bf0ee226364240-37">
37</div>
<div data-line="crayon-52a95706bf0ee226364240-38">
38</div>
<div data-line="crayon-52a95706bf0ee226364240-39">
39</div>
<div data-line="crayon-52a95706bf0ee226364240-40">
40</div>
<div data-line="crayon-52a95706bf0ee226364240-41">
41</div>
<div data-line="crayon-52a95706bf0ee226364240-42">
42</div>
<div data-line="crayon-52a95706bf0ee226364240-43">
43</div>
<div data-line="crayon-52a95706bf0ee226364240-44">
44</div>
<div data-line="crayon-52a95706bf0ee226364240-45">
45</div>
<div data-line="crayon-52a95706bf0ee226364240-46">
46</div>
<div data-line="crayon-52a95706bf0ee226364240-47">
47</div>
<div data-line="crayon-52a95706bf0ee226364240-48">
48</div>
<div data-line="crayon-52a95706bf0ee226364240-49">
49</div>
<div data-line="crayon-52a95706bf0ee226364240-50">
50</div>
<div data-line="crayon-52a95706bf0ee226364240-51">
51</div>
<div data-line="crayon-52a95706bf0ee226364240-52">
52</div>
<div data-line="crayon-52a95706bf0ee226364240-53">
53</div>
<div data-line="crayon-52a95706bf0ee226364240-54">
54</div>
<div data-line="crayon-52a95706bf0ee226364240-55">
55</div>
<div data-line="crayon-52a95706bf0ee226364240-56">
56</div>
<div data-line="crayon-52a95706bf0ee226364240-57">
57</div>
<div data-line="crayon-52a95706bf0ee226364240-58">
58</div>
<div data-line="crayon-52a95706bf0ee226364240-59">
59</div>
<div data-line="crayon-52a95706bf0ee226364240-60">
60</div>
<div data-line="crayon-52a95706bf0ee226364240-61">
61</div>
<div data-line="crayon-52a95706bf0ee226364240-62">
62</div>
<div data-line="crayon-52a95706bf0ee226364240-63">
63</div>
<div data-line="crayon-52a95706bf0ee226364240-64">
64</div>
<div data-line="crayon-52a95706bf0ee226364240-65">
65</div>
<div data-line="crayon-52a95706bf0ee226364240-66">
66</div>
<div data-line="crayon-52a95706bf0ee226364240-67">
67</div>
<div data-line="crayon-52a95706bf0ee226364240-68">
68</div>
<div data-line="crayon-52a95706bf0ee226364240-69">
69</div>
<div data-line="crayon-52a95706bf0ee226364240-70">
70</div>
<div data-line="crayon-52a95706bf0ee226364240-71">
71</div>
<div data-line="crayon-52a95706bf0ee226364240-72">
72</div>
<div data-line="crayon-52a95706bf0ee226364240-73">
73</div>
<div data-line="crayon-52a95706bf0ee226364240-74">
74</div>
<div data-line="crayon-52a95706bf0ee226364240-75">
75</div>
<div data-line="crayon-52a95706bf0ee226364240-76">
76</div>
<div data-line="crayon-52a95706bf0ee226364240-77">
77</div>
<div data-line="crayon-52a95706bf0ee226364240-78">
78</div>
<div data-line="crayon-52a95706bf0ee226364240-79">
79</div>
<div data-line="crayon-52a95706bf0ee226364240-80">
80</div>
<div data-line="crayon-52a95706bf0ee226364240-81">
81</div>
<div data-line="crayon-52a95706bf0ee226364240-82">
82</div>
<div data-line="crayon-52a95706bf0ee226364240-83">
83</div>
</td><td style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div id="crayon-52a95706bf0ee226364240-1">
.login * {</div>
<div id="crayon-52a95706bf0ee226364240-2">
    margin: 0;</div>
<div id="crayon-52a95706bf0ee226364240-3">
    padding: 0;</div>
<div id="crayon-52a95706bf0ee226364240-4">
}</div>
<div id="crayon-52a95706bf0ee226364240-5">
.title{</div>
<div id="crayon-52a95706bf0ee226364240-6">
    font: italic 26px Georgia;</div>
<div id="crayon-52a95706bf0ee226364240-7">
    margin-bottom: 20px;</div>
<div id="crayon-52a95706bf0ee226364240-8">
        margin: auto;</div>
<div id="crayon-52a95706bf0ee226364240-9">
}</div>
<div id="crayon-52a95706bf0ee226364240-10">
</div>
<div id="crayon-52a95706bf0ee226364240-11">
.login{</div>
<div id="crayon-52a95706bf0ee226364240-12">
    width: 320px;</div>
<div id="crayon-52a95706bf0ee226364240-13">
    padding: 20px 0 0;</div>
<div id="crayon-52a95706bf0ee226364240-14">
    margin: auto;</div>
<div id="crayon-52a95706bf0ee226364240-15">
}</div>
<div id="crayon-52a95706bf0ee226364240-16">
.login label {</div>
<div id="crayon-52a95706bf0ee226364240-17">
    color: #777;</div>
<div id="crayon-52a95706bf0ee226364240-18">
    font-size: 14px;</div>
<div id="crayon-52a95706bf0ee226364240-19">
    cursor: pointer;</div>
<div id="crayon-52a95706bf0ee226364240-20">
}</div>
<div id="crayon-52a95706bf0ee226364240-21">
</div>
<div id="crayon-52a95706bf0ee226364240-22">
.login form {</div>
<div id="crayon-52a95706bf0ee226364240-23">
    margin-left: 8px;</div>
<div id="crayon-52a95706bf0ee226364240-24">
    padding: 24px 20px 46px;</div>
<div id="crayon-52a95706bf0ee226364240-25">
    font-weight: normal;</div>
<div id="crayon-52a95706bf0ee226364240-26">
    background: white;</div>
<div id="crayon-52a95706bf0ee226364240-27">
    border: 1px solid #E5E5E5;</div>
<div id="crayon-52a95706bf0ee226364240-28">
</div>
<div id="crayon-52a95706bf0ee226364240-29">
    /* add login box shadow  */</div>
<div id="crayon-52a95706bf0ee226364240-30">
    -moz-box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;  /*for Mozilla*/</div>
<div id="crayon-52a95706bf0ee226364240-31">
    -webkit-box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px; /*for Chrome and Safari*/</div>
<div id="crayon-52a95706bf0ee226364240-32">
    box-shadow: rgba(200,200,200,0.7) 0 4px 10px -1px;</div>
<div id="crayon-52a95706bf0ee226364240-33">
}</div>
<div id="crayon-52a95706bf0ee226364240-34">
</div>
<div id="crayon-52a95706bf0ee226364240-35">
.login form .input {</div>
<div id="crayon-52a95706bf0ee226364240-36">
    font-weight: 200;</div>
<div id="crayon-52a95706bf0ee226364240-37">
    font-size: 24px;</div>
<div id="crayon-52a95706bf0ee226364240-38">
    line-height: 1;</div>
<div id="crayon-52a95706bf0ee226364240-39">
    width: 100%;</div>
<div id="crayon-52a95706bf0ee226364240-40">
    padding: 3px;</div>
<div id="crayon-52a95706bf0ee226364240-41">
    margin-top: 2px;</div>
<div id="crayon-52a95706bf0ee226364240-42">
    margin-right: 6px;</div>
<div id="crayon-52a95706bf0ee226364240-43">
    margin-bottom: 16px;</div>
<div id="crayon-52a95706bf0ee226364240-44">
    border: 1px solid #E5E5E5;</div>
<div id="crayon-52a95706bf0ee226364240-45">
    background: #FBFBFB;</div>
<div id="crayon-52a95706bf0ee226364240-46">
    outline: none;</div>
<div id="crayon-52a95706bf0ee226364240-47">
</div>
<div id="crayon-52a95706bf0ee226364240-48">
    /* add input box a inset shadow  */</div>
<div id="crayon-52a95706bf0ee226364240-49">
    -moz-box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2); /*for Mozilla*/</div>
<div id="crayon-52a95706bf0ee226364240-50">
    -webkit-box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2); /*for Chrome and Safari*/</div>
<div id="crayon-52a95706bf0ee226364240-51">
    box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);</div>
<div id="crayon-52a95706bf0ee226364240-52">
}</div>
<div id="crayon-52a95706bf0ee226364240-53">
</div>
<div id="crayon-52a95706bf0ee226364240-54">
input.submit-button {</div>
<div id="crayon-52a95706bf0ee226364240-55">
    float: right;</div>
<div id="crayon-52a95706bf0ee226364240-56">
    border: 1px solid #298CBA;</div>
<div id="crayon-52a95706bf0ee226364240-57">
    font-weight: bold;</div>
<div id="crayon-52a95706bf0ee226364240-58">
    color: white;</div>
<div id="crayon-52a95706bf0ee226364240-59">
    background: #21759B;</div>
<div id="crayon-52a95706bf0ee226364240-60">
    text-shadow: rgba(0, 0, 0, 0.3) 0 -1px 0;</div>
<div id="crayon-52a95706bf0ee226364240-61">
    padding: 3px 10px;</div>
<div id="crayon-52a95706bf0ee226364240-62">
    cursor: pointer;</div>
<div id="crayon-52a95706bf0ee226364240-63">
</div>
<div id="crayon-52a95706bf0ee226364240-64">
    /* add submit button a rounded corner */</div>
<div id="crayon-52a95706bf0ee226364240-65">
    -o-border-radius: 10em;  /*for opera*/</div>
<div id="crayon-52a95706bf0ee226364240-66">
    -khtml-border-radius: 10em;</div>
<div id="crayon-52a95706bf0ee226364240-67">
    -webkit-border-radius: 10em;</div>
<div id="crayon-52a95706bf0ee226364240-68">
    border-radius: 10em;</div>
<div id="crayon-52a95706bf0ee226364240-69">
</div>
<div id="crayon-52a95706bf0ee226364240-70">
</div>
<div id="crayon-52a95706bf0ee226364240-71">
    /* add background gradient effet */</div>
<div id="crayon-52a95706bf0ee226364240-72">
    /*for Chrome and Safari*/</div>
<div id="crayon-52a95706bf0ee226364240-73">
    background: -webkit-gradient(linear, left top, left bottom, from(#298CBA), to(#217096));</div>
<div id="crayon-52a95706bf0ee226364240-74">
</div>
<div id="crayon-52a95706bf0ee226364240-75">
    /*for Mozilla*/</div>
<div id="crayon-52a95706bf0ee226364240-76">
    background: -moz-linear-gradient(top,  #298CBA,  #217096);</div>
<div id="crayon-52a95706bf0ee226364240-77">
</div>
<div id="crayon-52a95706bf0ee226364240-78">
    /*for IE*/</div>
<div id="crayon-52a95706bf0ee226364240-79">
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#298CBA’, endColorstr=’#217096′);</div>
<div id="crayon-52a95706bf0ee226364240-80">
</div>
<div id="crayon-52a95706bf0ee226364240-81">
}</div>
<div id="crayon-52a95706bf0ee226364240-82">
</div>
<div id="crayon-52a95706bf0ee226364240-83">
input.submit-button:hover { border: 1px solid #000; }</div>
</td></tr>
</tbody></table>
</div>
</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
If you want to send inputted data using Ajax, visit <strong style="line-height: inherit;"><a href="http://websiteat100.com/blog/category/php/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Php blog by websiteat100.com">PHP </a>and MySql Comment Form without Refreshing Page with<a href="http://websiteat100.com/blog/category/jquery/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Jquery blog by websiteat100.com">jQuery</a></strong>, which might help you.</div>
</div>

WORDPRESS ADMIN-LIKE LOGIN FORM WITH CSS3 AND JQUERY

I was a bit amazed in the WordPress Admin Login Form that shake if the inputted login information is wrong or if the user is not regist...

Google Adsense: Why Do I Need Google Adsense?

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
Because it’s there, it’s fun and it’s free. If you’re reading this, you obviously have some interest in the internet. You don’t even have to have your own site, although the more sites you use <a href="http://websiteat100.com/blog/category/google-adsense/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Google adsense blog by websiteat100.com">Google Adsense</a> on, the more money you will make. For example, anyone can write a blog even if it’s just your own opinion on something.</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
You can also make money referring other people to <a href="http://websiteat100.com/blog/category/google-adsense/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Google adsense blog by websiteat100.com">Google Adsense</a>. By placing a referral button on your site you increase your earnings potential. When a publisher that you referred makes their initial $100.00 within 90 days of sign-up and is eligible for payout, your account will also be credited $100.00. Additionally, they must never have registered for a <a href="http://websiteat100.com/blog/category/google-adsense/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Google adsense blog by websiteat100.com">Google Adsense</a> account before.</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
Don’t be intimidated by the <a href="http://websiteat100.com/blog/category/html5-and-css3/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Html blog by websiteat100.com">html </a>code. It’s already formatted. All you have to do is choose the language and kind of button you would like, and copy and paste the <a href="http://websiteat100.com/blog/category/html5-and-css3/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Html code blog by websiteat100.com">html </a>code to your site. Look for the referral code and more information under <a href="http://websiteat100.com/blog/category/google-adsense/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Adsense blog by websiteat100.com">Adsense </a>support.</div>
</div>

Google Adsense: Why Do I Need Google Adsense?

Because it’s there, it’s fun and it’s free. If you’re reading this, you obviously have some interest in the internet. You don’t even have ...

Get your free AdSense ready website

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
If you are newbie in online money making game you will probably have problems creating your first <a href="http://websiteat100.com/blog/category/google-adsense/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Adsense blog by websiteat100.com">AdSense </a>ready website.<br />You can choose beetwen two readymade turnkey <a href="http://websiteat100.com/blog/category/google-adsense/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Adsense blog by websiteat100.com">AdSense </a>websites. One website is on topic of AdSense itself and other is on affiliate related topics. To start with this sites you just need to download ziped package, extract all the files, add your <a href="http://websiteat100.com/blog/category/google-adsense/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Adsense blog by websiteat100.com">AdSense </a>Id to config file and upload all files to your webserver. If you don’t have top domain any subdomain can be used.</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
If you need more sites like this then consider buying FastContent. FastContent is desktop application used to produce this <a href="http://websiteat100.com/blog/category/google-adsense/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Adsense blog by websiteat100.com">AdSense </a>ready websites.<a href="http://websiteat100.com/blog/category/google-adsense/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Adsense blog by websiteat100.com">AdSense </a>websites like this can be produced very fast, only knowledge on your part is little of <a href="http://websiteat100.com/blog/category/html5-and-css3/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Html blog by websiteat100.com">HTML </a>to create template and how to use FTP to upload files to your web server.</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
FastContent is website content generation tool. Using articles from free article directories it creates content rich web pages suitable for contextual advertaising or affilliate promotion. Anybody can build content rich website within minutes.Download a demo and try it. This is a must have tool for anybody how have already running website but need more content or anybody who need content for new niche content website.</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
Application features: – search free article directories by keywords – search local database of downloaded articles and copy articles to new project – duplicate articles filter, already retrived articles for that project will be skiped – create unlimited number of projects – view articles before selecting it for retrival – edit retrieved articles, add your own text to articles, wrap articles with your own content – add your own custom headline and text to article – preview retrieved articles – delete unwanted articles – add your own articles – generating <a href="http://websiteat100.com/blog/category/html5-and-css3/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Html blog by websiteat100.com">html</a>,<a href="http://websiteat100.com/blog/category/php/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Php blog by websiteat100.com">php</a>,asp,txt files from retrived articles using templates – <a href="http://websiteat100.com/blog/category/seo/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Search engine optimization blog by websiteat100.com">SEO </a>friendly URLS for article pages generated from article title – generated page extension can be set as wished – generating sitemap with article snippets – select length of article snippet – choose number of articles per sitemap page – choose length of article snippet on index pages – option to open article links in new window – option to add related links to article pages – add your <a href="http://websiteat100.com/blog/category/google-adsense/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Adsense blog by websiteat100.com">AdSense </a>Code (3 Ads Units + Search Box) – generate pages for articles retrived after some date (no need to upload all files again only new created files) – generate pages with<a href="http://websiteat100.com/blog/category/seo/" style="-webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s; color: black; line-height: inherit; text-decoration: none; transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;" title="Search engine blog by websiteat100.com">search engine </a>friendly links created from articles names – generate RSS 2.0 Feeds automaticly – template editor – easy to use – easy to upgrade with all data saved from previous version – free support as long as application is on market</div>
</div>

Get your free AdSense ready website

If you are newbie in online money making game you will probably have problems creating your first AdSense ready website. You can choose ...