Website At 100: Ads

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