Website At 100: code

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: 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 ...

INSERT AD CODE AFTER X NUMBER OF POSTS – WORDPRESS

<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’d like to share you how we can add ad code after x number of posts in custom query or in pagination, mostly as a blog author we choose single, page and sidebar to display our ads, right after the title or after the post content but if you’d like to display ads in many different places to maximize ad revenue then this tutorial is right for you folks.</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;">
Custom Query Code</h3>
<div data-settings=" show" style="background-color: white; color: #666666; display: inline !important; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px;">
<div style="display: inline !important;" title="Expand Code">
</div>
</div>
<div data-settings=" minimize scroll-mouseover" id="crayon-52a545cd3f189863394970" style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; text-align: justify;">
<div data-settings=" show">
<div title="Open Code In New Window">
</div>
<div style="line-height: inherit; margin-bottom: 18px;">
<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></div>
</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-52a545cd3f189863394970-1">
1</div>
<div data-line="crayon-52a545cd3f189863394970-2">
2</div>
<div data-line="crayon-52a545cd3f189863394970-3">
3</div>
<div data-line="crayon-52a545cd3f189863394970-4">
4</div>
<div data-line="crayon-52a545cd3f189863394970-5">
5</div>
<div data-line="crayon-52a545cd3f189863394970-6">
6</div>
<div data-line="crayon-52a545cd3f189863394970-7">
7</div>
<div data-line="crayon-52a545cd3f189863394970-8">
8</div>
<div data-line="crayon-52a545cd3f189863394970-9">
9</div>
<div data-line="crayon-52a545cd3f189863394970-10">
10</div>
<div data-line="crayon-52a545cd3f189863394970-11">
11</div>
<div data-line="crayon-52a545cd3f189863394970-12">
12</div>
<div data-line="crayon-52a545cd3f189863394970-13">
13</div>
<div data-line="crayon-52a545cd3f189863394970-14">
14</div>
<div data-line="crayon-52a545cd3f189863394970-15">
15</div>
<div data-line="crayon-52a545cd3f189863394970-16">
16</div>
<div data-line="crayon-52a545cd3f189863394970-17">
17</div>
<div data-line="crayon-52a545cd3f189863394970-18">
18</div>
<div data-line="crayon-52a545cd3f189863394970-19">
19</div>
<div data-line="crayon-52a545cd3f189863394970-20">
20</div>
<div data-line="crayon-52a545cd3f189863394970-21">
21</div>
<div data-line="crayon-52a545cd3f189863394970-22">
22</div>
<div data-line="crayon-52a545cd3f189863394970-23">
23</div>
<div data-line="crayon-52a545cd3f189863394970-24">
24</div>
<div data-line="crayon-52a545cd3f189863394970-25">
25</div>
<div data-line="crayon-52a545cd3f189863394970-26">
26</div>
<div data-line="crayon-52a545cd3f189863394970-27">
27</div>
<div data-line="crayon-52a545cd3f189863394970-28">
28</div>
<div data-line="crayon-52a545cd3f189863394970-29">
29</div>
<div data-line="crayon-52a545cd3f189863394970-30">
30</div>
<div data-line="crayon-52a545cd3f189863394970-31">
31</div>
<div data-line="crayon-52a545cd3f189863394970-32">
32</div>
<div data-line="crayon-52a545cd3f189863394970-33">
33</div>
<div data-line="crayon-52a545cd3f189863394970-34">
34</div>
<div data-line="crayon-52a545cd3f189863394970-35">
35</div>
<div data-line="crayon-52a545cd3f189863394970-36">
36</div>
<div data-line="crayon-52a545cd3f189863394970-37">
37</div>
<div data-line="crayon-52a545cd3f189863394970-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-52a545cd3f189863394970-1">
// declare counter variable</div>
<div id="crayon-52a545cd3f189863394970-2">
$c = 0;</div>
<div id="crayon-52a545cd3f189863394970-3">
</div>
<div id="crayon-52a545cd3f189863394970-4">
$args = array(</div>
<div id="crayon-52a545cd3f189863394970-5">
‘post_type’ => ‘post’</div>
<div id="crayon-52a545cd3f189863394970-6">
);</div>
<div id="crayon-52a545cd3f189863394970-7">
</div>
<div id="crayon-52a545cd3f189863394970-8">
// The Query</div>
<div id="crayon-52a545cd3f189863394970-9">
$the_query = new WP_Query( $args );</div>
<div id="crayon-52a545cd3f189863394970-10">
</div>
<div id="crayon-52a545cd3f189863394970-11">
// The Loop</div>
<div id="crayon-52a545cd3f189863394970-12">
if ( $the_query->have_posts() ) {</div>
<div id="crayon-52a545cd3f189863394970-13">
</div>
<div id="crayon-52a545cd3f189863394970-14">
    while ( $the_query->have_posts() ) { $the_query->the_post();</div>
<div id="crayon-52a545cd3f189863394970-15">
        // increment our counter variable</div>
<div id="crayon-52a545cd3f189863394970-16">
        $i++;</div>
<div id="crayon-52a545cd3f189863394970-17">
</div>
<div id="crayon-52a545cd3f189863394970-18">
</div>
<div id="crayon-52a545cd3f189863394970-19">
        // let’s see you’d like to add the ad right before the loop content</div>
<div id="crayon-52a545cd3f189863394970-20">
        // we begin with if condition, e.g. if we’d like to display ad in first row and in the third row</div>
<div id="crayon-52a545cd3f189863394970-21">
        if( 1 == $i || 3 == $i ) {</div>
<div id="crayon-52a545cd3f189863394970-22">
            // add your code here</div>
<div id="crayon-52a545cd3f189863394970-23">
        }</div>
<div id="crayon-52a545cd3f189863394970-24">
</div>
<div id="crayon-52a545cd3f189863394970-25">
        ?></div>
<div id="crayon-52a545cd3f189863394970-26">
            <div class=“entry”></div>
<div id="crayon-52a545cd3f189863394970-27">
                <h2><?php the_title(); ?></h2></div>
<div id="crayon-52a545cd3f189863394970-28">
</div>
<div id="crayon-52a545cd3f189863394970-29">
                <?php the_content(‘read more’); ?></div>
<div id="crayon-52a545cd3f189863394970-30">
            </div></div>
<div id="crayon-52a545cd3f189863394970-31">
        <?php</div>
<div id="crayon-52a545cd3f189863394970-32">
    }</div>
<div id="crayon-52a545cd3f189863394970-33">
       } else {</div>
<div id="crayon-52a545cd3f189863394970-34">
    // no posts found</div>
<div id="crayon-52a545cd3f189863394970-35">
}</div>
<div id="crayon-52a545cd3f189863394970-36">
</div>
<div id="crayon-52a545cd3f189863394970-37">
/* Restore original Post Data */</div>
<div id="crayon-52a545cd3f189863394970-38">
wp_reset_postdata();</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;">
</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;">
On Pagination</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 add code on navigation, here’s how.</div>
<div style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; margin-bottom: 18px; text-align: justify;">
On sub-pages we can simply add the below code to get current paged string, actually we really need the code below to get current paged number and use in pagination.</div>
<div data-settings=" minimize scroll-mouseover" id="crayon-52a545cd3f194085839067" style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px; text-align: justify;">
<div data-settings=" show">
<div title="Open Code In New Window">
</div>
<div style="line-height: inherit; margin-bottom: 18px;">
<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></div>
</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-52a545cd3f194085839067-1">
1</div>
<div data-line="crayon-52a545cd3f194085839067-2">
2</div>
<div data-line="crayon-52a545cd3f194085839067-3">
3</div>
<div data-line="crayon-52a545cd3f194085839067-4">
4</div>
<div data-line="crayon-52a545cd3f194085839067-5">
5</div>
<div data-line="crayon-52a545cd3f194085839067-6">
6</div>
<div data-line="crayon-52a545cd3f194085839067-7">
7</div>
<div data-line="crayon-52a545cd3f194085839067-8">
8</div>
<div data-line="crayon-52a545cd3f194085839067-9">
9</div>
<div data-line="crayon-52a545cd3f194085839067-10">
10</div>
<div data-line="crayon-52a545cd3f194085839067-11">
11</div>
<div data-line="crayon-52a545cd3f194085839067-12">
12</div>
</td><td style="border: none; color: #333333; font-size: 12px; line-height: 18px; padding: 9px 10px; vertical-align: top;"><div id="crayon-52a545cd3f194085839067-1">
$paged = ( get_query_var(‘paged’) ) ? get_query_var(‘paged’) : 1;</div>
<div id="crayon-52a545cd3f194085839067-2">
</div>
<div id="crayon-52a545cd3f194085839067-3">
or</div>
<div id="crayon-52a545cd3f194085839067-4">
</div>
<div id="crayon-52a545cd3f194085839067-5">
// static page or front-page</div>
<div id="crayon-52a545cd3f194085839067-6">
$paged = ( get_query_var(‘page’) ) ? get_query_var(‘page’) : 1;</div>
<div id="crayon-52a545cd3f194085839067-7">
</div>
<div id="crayon-52a545cd3f194085839067-8">
In the above custom query replace if condition to the below code</div>
<div id="crayon-52a545cd3f194085839067-9">
</div>
<div id="crayon-52a545cd3f194085839067-10">
if( 1 == $paged || 3 == $paged ) {</div>
<div id="crayon-52a545cd3f194085839067-11">
    // your ad code here</div>
<div id="crayon-52a545cd3f194085839067-12">
}</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;">
</div>
<span style="background-color: white; color: #666666; font-family: 'Droid Sans'; font-size: 12px; line-height: 22px;"></span><br />
<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 don’t know yet how to add pagination on both custom post-type and default post-type visit this page Custom Post-type Pagination</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, happy coding ^_^</div>
</div>

INSERT AD CODE AFTER X NUMBER OF POSTS – WORDPRESS

In this tutorial I’d like to share you how we can add ad code after x number of posts in custom query or in pagination, mostly as a blog a...