How to add a 336x280 large rectangle ad unit inside your blog post

Following the recent queries from some of TG blog readers on how to add a 336x280 large rectangle ad type inside every blog post i have decided to come up with this tutorial on how to add a 336x280 large rectangle on every blog post you write.

Placing your ad inside your blog posts is important that it can get and interested reader click on it.
let's get it done now rather than telling stories.

Step 1:
Backup your blog template before doing any thing on your blog template, always remember to backup your blog template before you make any change to your blog HTML in case there is any mistake you can restore it back.


Step 2:
After creating your ad unit you will need to parse the code before you will be able to paste it in your blog HTML so after creating your ad unit visit http://www.blogcrowds.com/resources/parse_html.php to parse your code, when you visit the above site you will find a box there and below it you a parse, paste your ad code in the box and click on parse.

Step 3:
Now copy the code into a notepad or Microsoft word as you will need the parsed  code in the next step.

Step 4:
Now login to your blogger dashboard if not already logged in, i believe by now you must have backup your blog template, now locate template and click on it.

Step 5:

Click on edit HTML.

Step 6:

Locate <data:post.body/>, press Ctrl F to find it, after locating the it paste the parsed code above it or before it.

TO MAKE IT APPEAR AT THE RIGHT HAND OF EVERY BLOG POST OF YOURS

You may like the way the ad is showing on this blog, but there is a slight change on how to paste the code, so this is what you need to do.

You need to add a certain piece of code to it before pasting it on your blog HTML.

Step 1:

Copy your parsed ad code into a notepad.

Step 2: Paste these code before your ad code <b:if cond='data:blog.pageType == &quot;item&quot;'>

 <div style='float:right;padding:5px;'> 

Step 3:

Finally paste this one after the ad code </div>

</b:if>

Example:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div style='float:right;padding:5px;'>

&lt;script type=&quot;text/javascript&quot;&gt;&lt;!--

google_ad_client = &quot;ca-pub-2395423440105948&quot;;

google_ad_host = &quot;pub-1556223355139109&quot;;

/* Channel 1 */

google_ad_slot = &quot;6163532312&quot;;

google_ad_width = 336;

google_ad_height = 280;

//--&gt;

&lt;/script&gt;

&lt;script type=&quot;text/javascript&quot;

src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt;

&lt;/script&gt;

</div>

</b:if>

Note: You can change the float setting in the code above to center or left if you do not like been floated to the right.

Please change the code in yellow to your ad code if not you will be making money for me.

I hope it helps!.