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 col-md-12">
          <div class="media-body col-md-6">
            <h4 class="media-heading" t-field="p.name"/>
            <p t-field="p.subtitle"/>
            <div class="letrablog" id="blogletra" t-field="p.content"/>
            <a class="btn btn-default" t-att-href="'/blog/%s/post/%s' % (p.blog_id.id, p.id)">Ver todosMás </a>
          </div>
          <div class="pull-left col-md-6">
            <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>
      </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">
            <a t-att-href="'/blog/%s/post/%s' % (p.blog_id.id, p.id)">
            <h2 class="blog_big_pname pull-left" t-field="p.name"/>
          </a>
            <p class="pull-left textoautor">
              <strong>Por <span t-field="p.author_id"/>
                el<span t-field="p.create_date" t-field-options="{&quot;format&quot;: &quot;dd 'de' MMMM 'de' yyyy&quot;}"/></strong>
              <br/>
              <span>En 
                
                
                
                
                <span class="fa fa-folder-open"/>
                <a t-att-href="'/blog/%s' % (p.blog_id.id)">
                  <span t-field="p.blog_id"/></a>
              </span>
              <a class="btn-info btn-sm vermasblog " t-att-href="'/blog/%s/post/%s' % (p.blog_id.id, p.id)">
                <i aria-hidden="true" class="fa fa-eye"/>Ver Más</a>
            </p>
            <br/>
            <p class="textoautor pull-left"/>
            <a class="imagen_grande_blog" t-att-href="'/blog/%s/post/%s' % (p.blog_id.id, p.id)">
              <div class="thumb imagen_blog shadow" t-att-style="'background-image: url(%s)' % p.background_image"/>
            </a>
            <figcaption>
              <a t-att-href="'/blog/%s/post/%s' % (p.blog_id.id, p.id)">
                <p class="hidden">Ver Más</p>
              </a>
            </figcaption>
          </div>
        </figure>
      </t>
    </template>
  </data>
</openerp>