JMiur [E]

El par de códigos includable e include son una de las mejores ideas que tiene Blogger. Con ellos podemos ahorrarnos trabajo a la hora de escribir cosas que se repiten. Un includable es una "subrutina" o una función, algo que se ejecutará cuando lo deseemos, llamándolo con include.

Es fácil de entender si vemos uno elemental como este:
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='&quot;item-control &quot; + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<span class='quick-edit-icon'>&#160;
</a>
</span>
</b:if>
</b:includable>
Que lo que hace es agregar el ícono de edición donde lo querramos, para eso es que usamos esto:
<b:include data='post' name='postQuickEdit'/>
En resumen, include "incluye" el código de un includable cuyo id es igual al atributo name; en este caso, postQuickEdit.

Todos los includables deben tener un ID y este, debe ser único pero no todos deben tener el atributo data que sólo es necesario si deseamos "transferirle" algún tipo de dato. Ese es el caso del llamado nextprev que agrega una "barra de navegación" al final de las entradas:
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
.......
</div>
</b:includable>
Está al final de nuestra página pero, no es obligatorio que esté allí; podemos colocarlo arriba si movemos esta línea:
<b:include name='nextprev'/>
y la colocamos inmediatamente después de:
<b:includable id='main' var='top'>
Tampoco hay nada que nos impida colocar dos barras, una arriba y otra abajo de nuestra página y personalizarlas de tal modo que se muestren diferentes; por ejemplo:
<b:includable id='main' var='top'>
<div id='upper-blog-pager'><b:include name='nextprev'/></div>
.......
.......
.......
<div id='lower-blog-pager'><b:include name='nextprev'/></div>
</b:includable>
Les colocamos IDs diferentes por si queremos agregarles CSS. Por defecto las plantillas tienen estas definiciones de estilo:
#blog-pager-newer-link { float: left; }
#blog-pager-older-link { float: right; }
#blog-pager { text-align: center; }
que colocan el texto Entradas antiguas a la derecha, Entradas más recientes a la izquierda y Página principal en el centro. Para modificar esos textos o para cambiarlos por imágenes, basta expandir la plantilla y buscar estos tres códigos:

<data:newerPageTitle/> es el texto Entradas más recientes
<data:olderPageTitle/> es el texto Entradas antiguas
<data:homeMsg/> es el texto Página principal

podemos borrarlos y poner un texto personal o cambiarlos por una imagen usando la etiqueta IMG.

15 comentarios:

Graciela  

Muy bien explicado :)

Responder
Gem@  

Recuerdo que un día cuando comentábamos detalles del blog de la bolsa me preguntaste por la navegación ¿la ponemos arriba, abajo, o en los dos sitios? y yo pensé que era una pasada mover las cosas donde uno quiera. Con el reply de comentarios más de lo mismo. Tienes la plantilla domesticada haces lo que quieres con ella :D

Responder
JMiur  

¿Domesticada? Oh, no. Blogger se resiste a eso. Es salvaje y caótico. Debe ser por eso que nos gusta.

Y porque, de tanto en tanto, nos seduce, haciéndonos creer que lo dominamos :-D

Responder
ESNAPRI  

Hola de nuevo, JMiur.
Esa "barra de navegación" que comentas, me está dando bastante mareo...Me explico:
Sólo aparece en la página principal y en la/s páginas que se abren mediante los links de Categorías, de la sidebar; pero no aparecen ni por recomendación - si no es la tuya, seguro-, cuando accedo a la página individual de la entrada, bien clikando en "comentarios" para dejar uno de estos, o bien, clikando en el mismo título de la entrada.¿ Qué debería añadir o modificar? ¿ Y dónde?
No sé si me habré hecho entender.Espero que sí.

Responder
JMiur  

No sé en que blog te ocurre eso; en todos los que miré de tu perfil, se ve perfectamente en todas las páginas

Responder
ESNAPRI  

Lo siento, JMiur, perdón. Estoy intentando adaptar la plantilla y lo tenía en modo "privado", pero ya dejé libre el paso. Lamento darte tanta molestia.

Responder
JMiur  

Por lo que se ve, debe estar condicionada de alguna manera porque no aparece n en el código fuente. El código exacto es este:

<b:include name='nextprev'/>

y debe estar dentro de <b:includable id='main' var='top'>

Lamentablemente, no puedo decirte el lugar exacto porque eso es algo que sólo se ven en la plantilla misma; cualquier cosa, si la envias por corre, me fijo.

Responder
ESNAPRI  

Lo que he encontrado, entre otras lindezas escritas en chino,al expandir artilugios, ha sido esto, JMiur:



....y el tema, continúa..

Agradezco muchísimo tu generosidad de ofrecerme el que te la envíe, pero no veo tu email.¿ Me indicas cómo hacerlo?
Gracias sinceras, J.Miur.

Responder
JMiur  

No se ve el código del comentario. El email está en la sidebar: vagabundia@gmail.com

Responder
ESNAPRI  

Oooppss...Perdona mi torpeza, tanto código me ha dejado "sin ver tres en un burro", jajajjaja.
Te la envío de inmediato.
Gracias otra vez.

Responder
JMiur  

No hay problema:D

Ya recibí y contesté tu mail.

Responder
ESNAPRI  

Si, si, si, siiiiii.Hola otra vez, J.Miur!
He seguido al pie de la letra tus indicaciones y ya tengo la dichosa "barra de navegación" donde me faltaba. Perfecto.
Realmente, lo que comentaba Gem@ anteriormente, es cierto. ¡¡ Tienes las plantillas, domesticadas!!!. Y yo añado, además, que al 100 x 100, digas lo que digas.
Muchísimas gracias. Gracias por las molestias y el tiempo que me has dedicado. :P , estoy superfeliz!!!!

Responder
JMiur  

Eso es una exageración de la amiga Gem@ Las plantillas de Blogger son salvajes e indómitas :D

De todos modos, me alegro que se solucionara el problema :D

Responder
Liliana Fasciani M.  

Hola, JMiur:

Estaba intentando modificar el header de mi blog "La pluma liberal" y debo haber suprimido o cambiado algún código en la plantilla con los artilugios expandidos, porque ahora no redirige a la página principal. ¿Podrías, por favor, indicarme el error? Gracias de antemano.

Responder
JMiur  

¿En donde ves eso? No noto nada en aprticular, veo que haciendo click en el header te lleva al home de manera normal en cualquier página que no sea el home, claro.

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Todos los archivos y demos alojados en Fileden han sido redireccionados y deberían estar funcionando correctamente.
De todos modos, también puede accederse a ellos a través de SkyDrive

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR