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-foreach="posts" t-as="p">
        <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 type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&#215;</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-foreach="posts" t-as="p">
        <figure class="loading_container col-sm-6">
          <div class="content">
            <div class="thumb" t-att-style="'background-image: url(%s)' % p.background_image" />
            <figcaption>
              <h2 t-field="p.name" />
              <p t-field="p.subtitle"/>
              <a t-att-href="'/blog/%s/post/%s' % (p.blog_id.id, p.id)">Ver Más</a>
            </figcaption>
          </div>
        </figure>
      </t>
    </template>

  </data>
</openerp>