snippet_latest_posts/views/s_latest_posts.xml

<?xml version="1.0" encoding="utf-8" ?>
<openerp>
  <data>
    <!-- ======== LATEST POSTS  ========  -->
    <!-- Snippet's Body -->
    <template id="s_latest_posts" name="Latest Posts List">
      <section class="s_latest_posts">
        <div class="container">
          <h2 class="text-center">Ultimas Publicaciones</h2>
          <div class="js_get_posts" data-loading="true" data-template="snippet_latest_posts.media_list_template"/>
          <hr/>
        </div>
      </section>
    </template>
    <!-- Latest posts's Template -->
    <template id="media_list_template">
      <t t-if="not posts">
        <t t-call="snippet_latest_posts.no_blog_posts"/>
      </t>
      <t t-as="p" t-foreach="posts">
        <div class="post media media_list_template">
          <div class="pull-left">
            <a t-att-href="'/blog/%s/post/%s' % (p.blog_id.id, p.id)">
              <div class="media-object loading_container thumb" t-att-style="'background-image: url(%s)' % p.background_image"/>
            </a>
          </div>
          <div class="media-body">
            <h4 class="media-heading" t-field="p.name"/>
            <p t-field="p.subtitle"/>
            <a class="btn btn-default" t-att-href="'/blog/%s/post/%s' % (p.blog_id.id, p.id)">Ver Más</a>
          </div>
        </div>
      </t>
    </template>
    <!-- No post here, template -->
    <template id="no_blog_posts">
      <div class="container readable">
        <div class="alert alert-warning alert-dismissible text-center" role="alert">
          <button aria-label="Close" class="close" data-dismiss="alert" type="button">
            <span aria-hidden="true">×</span>
          </button>
          <h3>NO hay publicaciones aqui...</h3>
          <p>Asegurate que tus publicaciones esten publicadas</p>
        </div>
      </div>
    </template>
    <!-- ======== LATEST POSTS BIG PICTURES  ========  -->
    <!-- Snippet's Body -->
    <template id="s_latest_posts_big_picture" name="Latest Posts Big Images">
      <section class="s_latest_posts_big_picture">
        <h2 class="text-center sans-serif">Ultimas publicaciones</h2>
        <div class="js_get_posts" data-loading="true" data-template="snippet_latest_posts.s_latest_posts_big_picture_template"/>
      </section>
    </template>
    <template id="s_latest_posts_big_picture_template">
      <t t-if="not posts">
        <t t-call="snippet_latest_posts.no_blog_posts"/>
      </t>
      <t t-as="p" t-foreach="posts">
        <figure class="loading_container col-sm-6 ">
          <div class="content">
            <div class="thumb imagen_blog" t-att-style="'background-image: url(%s)' % p.background_image"/>
            <figcaption>
            
              <a  t-att-href="'/blog/%s/post/%s' % (p.blog_id.id, p.id)"><p class="hidden">Ver Más</p></a>
            </figcaption>
            <a t-att-href="'/blog/%s/post/%s' % (p.blog_id.id, p.id)">
              <h2 class="blog_big_pname" t-field="p.name"/>
            </a>
            <p class="text-center textoautor">
              <strong>
                <span t-field="p.author_id"/>
                <span t-field="p.create_date" t-field-options="{&quot;format&quot;: &quot;dd MMMM yyyy&quot;}"/>
              </strong>
            </p>
          </div>
        </figure>
      </t>
    </template>
  </data>
</openerp>