Web Page and Blog design: Blogger blogspot show ads before and after posts

Is very simpe to add responsive add before and after ( ubove ) the post area

open the thempate HTLM code and search

<!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->

<data:post.body/>

than after the <data:post.body/> code add this simple code

Done

The adds play in mobile >>> if you do not use the clasic mobile theme

The adds do not play in mobile >>> if clasic mobile theme is active and and the visitor use the parameter https://yourblog?m=1

if you using the clasic mobile theme search for the onther <data:post.body/> and add the same code but create a special ADD for mobile phones

Code:

<b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
       <!-- ads or script in post preview but not in the post area -->
     
      <b:else/>
  
     <!--ads start between post body in the post end but not in the post preview area--> 
     YOUR RESPONSIVE CODE HERE
     <!--ads end between post body in the post end-->  
</b:if>

to add before the post find the <data:post.title/> and insert a brak + responsive add

Example: this exampe show and how to add beafore and after the post

  <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
    <b:if cond='data:post.firstImageUrl'>
      <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
    </b:if>
    <meta expr:content='data:blog.blogId' itemprop='blogId'/>
    <meta expr:content='data:post.id' itemprop='postId'/>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h3 class='post-title entry-title' itemprop='name'>
      <b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
        <a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
      <b:else/>
        <data:post.title/>
       <!-- insert page brake + insert responsive ads before post body after title -->  
   
      </b:if>
      </h3>
    </b:if>
    <div class='post-header'>
    <div class='post-header-line-1'/>
    </div>
    <!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
     <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' expr:itemprop='(data:blog.metaDescription ? &quot;&quot; : &quot;description &quot;) + &quot;articleBody&quot;'>
      <data:post.body/>
	  
<b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
       <!-- ads or script in post preview but not in the post area -->
     
      <b:else/>
  
     <!--ads start between post body in the post end but not in the post preview area--> 
     YOUR RESPONSIVE CODE HERE
     <!--ads end between post body in the post end-->  
</b:if> 
    
   
    <div style='clear: both;'/> <!-- clear for photos floats -->