blogger, crear una plantilla. Quitando cosas

Pues ya tengo la plantilla del anterior post, resulta que nos queda :
Vamos a quitar los widgets salvo el de blog1 que es el de los datos del blog, y a ver que pasa, y nos queda resumido así.

<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'>
<b:includable id='main' var='top'>
</b:includable>
<b:includable id='nextprev'>
</b:includable>
<b:includable id='post' var='post'>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
</b:includable>
<b:includable id='comments' var='post'>
</b:includable>
<b:includable id='comment-form' var='post'>
</b:includable>
<b:includable id='backlinks' var='post'>
</b:includable>
<b:includable id='feedLinks'>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
</b:includable>
<b:includable id='status-message'>
</b:includable>
</b:widget>
</b:section>

Al meterlo en el blog, se queja de que hemos borrado el widget cabecera y adsense, le decimos que ok y ya esta.

Ahora vamos a simplificar el widget post1

Quito el postQuickEdit que es para que salga el lapicerito, interesante pero eso ahora no lo quiero.

Quito lo de los feedlinks que es para que salga eso del atom
De propina quito uno que se llama : feedLinksBody

Antes de seguir quitando, quiero recordar, que lo que estoy quitando son los includes(includable) y sus llamadas (include), para llevar al minimo la plantilla blogger, luego ya iremos añadiendo.

• Los b:includable no se pueden quitar, si se quitan, al guardar la plantilla, bloguer los incluye por defecto.
• para hacerlo mejor, hay que dejarlos vacíos, y no te los reescribe la edicion html de blogger.

Los backlinks son los que te enlazan la página, son importantes, pero aqui vamos a pasar de ellos. por ahora
Quito el backlinkDeleteIcon que no se muy bien para que es.

stauts-message lo quito, pero vaya, me quedo sin saber que es.

Las cosas de comentarios tambien las quito, ya las veremos luego.
commentDeleteIcon
comment-form
comments que es la lista de comentarios
next-prev que es para ver el anterior y siguiente tambien lo quitamos

---

Bueno, nos quedan solo :

La seccion main.
el widget Blog1
Los includes : main y post.

Simplemente estos nos pintan los post.


Vamos a observar el include main , quitando ya el adsense.

<b:includable id='main' var='top'>
  <!-- posts -->

  <div class='blog-posts hfeed'>
    <b:loop values='data:posts' var='post'>
      <b:if cond='data:post.dateHeader'>
        <h2 class='date-header'><data:post.dateHeader/></h2>
      </b:if>
      <b:include data='post' name='post'/>
    </b:loop>
  </div>

  <b:if cond='data:top.showStars'>
    <script src='http://www.google.com/jsapi' type='text/javascript'/>
    <script type='text/javascript'>
      google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
      function initialize() {
        google.annotations.setApplicationId(<data:top.blogspotReviews/>);
        google.annotations.createAll();
        google.annotations.fetch();
      }
      google.setOnLoadCallback(initialize);
    </script>
  </b:if>

</b:includable>

Atencion, que tenemos tres partes:
el data header
el include del verdadero post
y para finalizar el famoso showStars que nos muestra las estrellas....

Dejamos solo el bucle del post, y nos queda asi

<b:includable id='main' var='top'>
  <!-- posts -->
  <div class='blog-posts hfeed'>
    <b:loop values='data:posts' var='post'>
      <b:include data='post' name='post'/>
    </b:loop>
  </div>
</b:includable>

Esto realmente es una cosa pequeña.
vemos que lo único que hace es un loop de los post y llama al include post.

Pues ahora vamos a ver el post ese y dejamos esto para el arrastre.
quitamos de primeras un div donde está todo lo posterior al post
div class='post-footer'
y arreglando el titulo que lo vamos a dejar sin link ni leches, nos queda esto.


atencion:

<b:includable id='post' var='post'>
  <div class='post hentry uncustomized-post-template'>
    <a expr:name='data:post.id'/>
      <h3 class='post-title entry-title'>
       <data:post.title/>
      </h3>
    <div class='post-header-line-1'/>

    <div class='post-body entry-content'>
      <data:post.body/>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>
  </div>
</b:includable>

El include se ha quedado en nada.

¿Como nos queda el codigo blogger del blog???????????

---

<b:section class=" main=""> id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'>
<b:includable id='post' var='post'>
   <div class='post hentry uncustomized-post-template'>
    <a expr:name='data:post.id'/>
      <h3 class='post-title entry-title'>
       <data:post.title/>
      </h3>
    <div class='post-header-line-1'/>

    <div class='post-body entry-content'>
      <data:post.body/>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>
  </div>
</b:includable>
<b:includable id='main' var='top'>
  <!-- posts -->
  <div class='blog-posts hfeed'>
    <b:loop values='data:posts' var='post'>
      <b:include data='post' name='post'/>
    </b:loop>
  </div>
</b:includable>
</b:widget>
</b:section>

Pequño ¿eeeeeeeeehhhhhhh?, pero claro: poca cosa hace.


P.D. Todos los codigos han sido probados en un blog de blogger.