En Blogger, existen un par de maneras de ir navegando por los posts publicados. Una es la navegación por etiquetas, que consiste en acceder secuencialmente a las entradas que tienen una misma idem. Este es un gadget que se añade directamente desde Elementos de Página y que normamente no presenta problemas mayores.
La otra es seguir los enlaces que habitualmente están en la parte inferior del blog, justo detrás de las entradas, y que nos indican que podemos ir a "Entradas antiguas", "Entradas más recientes" o a "Inicio".
Algunas plantillas no incluyen estos enlaces, pero no es porque Blogger no incluya el código necesario, sino más bien porque no hay ningún sitio en esas plantillas que "llamen" a la ejecución de ese código. Así que vamos a ver cómo funcionan este tipo de artilugios y cómo conseguir que hagan lo que tienen que hacer.
Los artilugios de plantilla son utilidades que se incluyen dentro del LOOP de Blogger. El LOOP es un bucle en el cual se ejecutan determinadas instrucciones rutinarias, un determinado número de veces.
Los códigos en una plantilla estándar para mostrar los elementos básicos de un blog, están siempre ahí, dentro del WIDGET con ID=BLOG, que es el artilugio principal. Sin embargo, a veces no nos aparecen sus resultados o no hacen lo que deben hacer. Esto es porque desde otra parte del código hay que llamar a la rutina correspondiente para que se ejecute. Esto se hace en Blogger con una etiqueta INCLUDE. Pongamos que quiere decir "incluir" y con eso quizás estará más claro.
En esencia y dicho de otra manera, en Blogger, si existe una tarea que vamos a usar muchas veces, hacemos un trozo de código dentro de una etiqueta INCLUDABLE y luego la llamamos para que se ejecute, todas las veces que nos haga falta, con una etiqueta INCLUDE.
Dicho esto, veamos en concreto el artilugio para conseguir los enlaces Entradas antiguas / Entradas más recientes. Dentro del WIDGET antes indicado (BLOG1), podemos encontrarlo con un ID='NEXTPREV'. Aquí puedes echarle un vistazo al artilugio completo.
<b:section class='main' id='main' showaddelement='no'><b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'><b:includable id='
nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
</div>
<div class='clear'/>
</b:includable>
Esta rutina está a prueba de bomba. Podeis borrarla completa desde
b:includable hasta
/b:includable, guardar la plantilla y cuando volvais a editarla, comprobareis que sigue estando ahí. Se conoce que Blogger la considera indispensable y la incluye automáticamente aunque se intente borrar. Se puede
modificar pero no eliminar, aunque eso es
otra historia.
Entonces, ¿cómo puede ser que en mi plantilla no se vean estos enlaces si siempre está el código del
INCLUDABLE? Pues por lo que hemos explicado anteriormente... el código está y lo que simplemente ocurre, es que no hemos solicitado que se ejecute mediante un
INCLUDE.
Ahora que sabemos esto la solución para que veamos lo que no conseguimos ver es bien sencilla. Elegimos el lugar dónde queremos "incluir" nuestros artilugio (en este caso
NEXTPREV) y ponemos:
<b:include name='nextprev'/>
Listo.
Sólo una cosa más... esta rutina o
INCLUDABLE está siempre en el mismo sitio dentro de todo el código de la plantilla, pero el
INCLUDE lo podemos poner dónde nos apetezca. Habitualmente se coloca después del cierre (
/div) del
<div class='blog-posts hfeed'>, con lo que se muestra al final de la página. Pero también lo podemos poner, por ejemplo, tras
<div class='post-header-line-1'> y lo veremos después del título del post, tal y cómo podeis ver (en el momento de escribir esta entrada) en las paginas individuales de este blog.
Y nada impide colocarlo más de una vez: arriba, debajo de un post, más abajo...
39 comentarios:
Ante todo, agradecerte esta entrada.
A pesar de que no me funciona, bajo ningún concepto. He intentado incluirlo en varios lugares diferentes, y no hay forma, no aparece por ningún lado.
Seguiré intentándolo, aunque me temo que no lo voy a conseguir.
Un saludo
Copia de seguridad --> Grabar fichero .xml --> Enviar por correo a Oloman
(dirección abajo)
Oloblogger, me gusta el lavado de cara que le has dado a tu blogg.
Yo a ver si me animo, pero siempre con los consejos que tú das.
Un saludo, y gracias por un blog tan especifico.
HOLA OLOMAN, TE HAGO UNA CONSULTA:
QUISIERA ELIMINAR/OCULTAR LA FECHA DE PUBLICACION Y LAS ETIQUETAS, YA QUE NO ME GUSTA COMO QUEDAN.
GRACIAS POR TU ATENCION.
Liniers (Equipo del Blog), tienes que entrar en Elementos de página y en el cuerpo principal (Entradas del blog), pinchar en Editar. Ahí tienes todas las opciones para configurar las entradas y entre ellas, un par de casillas que precisamente muestran/esconden las etiquetas y la fecha. Aquí más información.
De todas formas, otra solución menos radical, aunque algo más laboriosa, sería adaptar las etiquetas y/o la fecha a tu gusto.
Lo segundo es lo más fácil porque normalmente sólo se trata de dar los atributos necesarios a la clase "date-header" o "date-post". En tu caso es date-header... Jack?
Gracias Anchama. El aspecto general del tuyo tiene también muy buena pinta.
OLOMAN:
AYUDA URGENTE!!!
ME APARECIO ESTE MENSAJE EN EL ESCRITORIO DE BLOGGER EL SIGUIENTE MENSAJE:
"Este blog se ha bloqueado debido a una posible infracción de las Condiciones de uso. No podrás publicar nuevas entradas hasta que el blog se revise y desbloquee.
Este blog se suprimirá dentro de 20 días a no ser que solicites una revisión."
LEI DETALLADAMENTE CADA PUNTO DE LAS CONDICIONES DE USO (UNAS 3 VECES) Y NO ENCUENTRO RAZON POR LA QUE MI BLOG ESTE EN INFRACCION.
SOLICITE LA REVISION, Y EN UNOS 2 DIAS SE SUPONE QUE VOLVERA A ESTAR EN LINEA.
TENES IDEA, DE PORQUE ME HA SALIDO ESE MENSAJE?
SALUDOS OLOMAN.
PD: CUANDO USO LA OPCION COMENTAR COMO "NOMBRE/URL" SOY JACK SPARROW, CON CUENTA GOOGLE HABLO DE PARTE DEL EQUIPO DEL BLOG.
OLOMAN, PROBLEMA SOLUCIONADO...
BUENAS NOCHES
Ok Jack. Supongo que la solicitud de revisión causó el efecto deseado ¿no? Si tienes alguna información más que dar, sería bueno que la compartieras.
Hola Oloman,
te mandé un correo con el fichero .xml
Muchas gracias
Ya lo encontreé Ollodepez. El problema está en las clases que manejan este artilugio y que son:
#blog-pager-newer-link
#blog-pager-older-link
#blog-pager
Las tres incluyen en tu plantilla un display:none; que precisamente provoca que no se vean loa enlaces. Borra ese atributo en las tres y ya está.
Muchísimas gracias Oloman, ya está todo solucionado, ya te mandaré un jamón... ;-)
Un saludo
Ollodepez, con esas cosas no se juega :)
Mira esto.
Saludos Oloman:
Intento copiar el artilugio ID='NEXTPREV' en mi código, pero aunque la plantilla guarda los cambios sin problema, el código desaparece una y otra vez. Lo copie donde lo copie...
Por otro lado, si he encontrado en el coódigo lo mismo que tenía Ollodepez:
#blog-pager-newer-link
#blog-pager-older-link
#blog-pager
pero en mi caso no encuentro el display:none
¿Alguna sugerencia?. Muchísimas gracias de antemano y enhorabuena por el blog.
Saludos.
Saludos Ricardo. El código, ya comento que es a prueba de bomba. Da igual que lo borres, da igual que lo redactes en otro sitio... el sólo siempre se coloca completo y en el sitio que debe. Debe ser familia del ave Fénix :)
Con respecto a los elementos CSS que comentas, al final de cada uno falta un ; justo antes del cierre }. Prueba a ver.
Saludos Oloman y muchísimas gracias por tu respuesta. He tardado más en contestar porque he estado haciendo todo lo posible por realizar la modificación con tus indicaciones, pero me ha sido imposible. No soy ningún experto pero tengo nociones de HTML y... me estoy volviendo loco!
Inserte el ; justo antes de cada cierre }, etc...
Seguro que este código es como el Ave Fénix? ;)
Saludos y gracias de antemano!
Ricardo.
Seguro que sí :)
Haz una copia de seguridad de tu plantilla mándame el fichero .xlm que sale por correo. Dirección: Abajo a la derecha.
Hola...como hago para reemplazarlas por una imagen??? a "entradas antiguas" "Inicio" "Entradas mas recientes"????
Luckitas, hay que usar más el buscador... :)
http://oloblogger.blogspot.com/2007/11/sustituir-entradas-anteriores-por.html
Oloman, muchísimas gracias por tu respuesta. Te he enviado el código. Por cierto... ya tenéis un voto más!.
Saludos y gracias de nuevo.
Ricardo.
Listo Ricardo. Expandes artilugios, localizas esta parte de código y justo antes del DIV de cierre, metes la llamada a los enlaces de navegación
<!-- posts -->
<div class='blog-posts'>
<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
</b:loop>
<data:adEnd/>
<b:include name='nextprev'/>
</div>
Muchísimas, muchísimas gracias!. Todo ok.
Saludos!
hola e intentado poner adsense en mi blog pero me dicen que no aceptan mi solisitud porque mi sitio es de difisil navegacion e intentado solucionarlo pero sin esito me podeis ayudar
Hola Dagmara. No entiendo mucho de lo que preguntas, pero supongo que el motivo es que en tu blog no hay casi contenido (entradas, posts, artículos...). Adsense es una publicidad que se personaliza según el contenido de la página web donde se inserta.
Es posible que hayan rastreado tu sitio buscando palabras clave y no las hayan encontrado, y de ahí la respuesta de la difícil navegación.
¿Y si quisiéramos ponerlo fuera del 'main' (en la parte de arriba del 'footer' de la página, por ejemplo)? ¿Qué es lo que habría que mover?
Fuera del loop principal no vas a poder ponerlo, pero al final de él sí, y eso está justo antes del footer de la página.
Por ejemplo, si buscas
<b:includable id='comments' var='post'> con Plantillas de Artilugios expandidas, puedes colocarlo antes de los comentarios (justo después de la línea indicada) o al final (justo antes del cierre del INCLUDABLE).
Eso ya lo saca del post, que no sé exactamente si es lo que buscas
Pues... no. Lo que quería era sacarlo del 'main'. Por cuestiones de diseño lo querría colocar en el footer, fuera de la "caja" que contiene los posts, etc. Pero si no se puede, no se puede. Gracias de todos modos.
Hola oloman k curre k tiene el blog te felicito ;)
Yo estoy empezando a tocar esto del blogger y ahí voy tirando, pero me quedado encasillado en esta barra de navegación esta k me tiene frito
te paso la dire:
http://tostadoracreativa.blogspot.com/
como verás tiene un fondo negro, y tal, y la imagen k sale se supone k es una flecha pero no funciona ... que caos xDD total lo que quiero es saber el pq! del color negro de fondo!!! como se cambia, si se puede cambiar por una imagen, o simplemente dejarla transparente con el fondo del blog! :( a ver si me sabes resorverlo, llevo ya unos diita y me tiene loco, y bueno tengo más problemas pero ... cuando acabe desquiciado pues acudiré a tí, gracias por adelantado ;)
Hola Universitarios
Busca esta clase que es la que controla parte de ese artilugio:
.blog-pager {width:480px; padding:10px; margin-bottom:30px; font-size: 1.1em; line-height:1.2em; background:#000; float:left; text-align:center; }
Verás que tiene un fondo negro (#000) como atributo. Bórra background:#000; o sustituye el #000 por la palabra TRANSPARENT. Eso te quitará el fondo de esa parte.
La imagen es tipo PNG por lo que supongo que lo que hay alrededor de la parte con dibujo, será transparente y lo verás bien. Si no es así, tendrás que retocarla con un editor de imágenes.
(Soy universitarios) Ostia oloman pues mira que veces habré pasado la vista por encima de eso y no me dió por cambiarlo, ainsss .. oye pues porfín!!!!! muxísimas gracias por la respuesta inmediata!! ya lo tengo localizadooou!! tas exo un makinita! oye pues te preguntaría mil cosas más (tendrías que crear un post sólo para mí ''arreglando el blog de ..'' xD), pero revisaré el html un par de veces antes ;) múxísimas gracias d veras
Y después de revisar el HTML, consulta nuestro buscador :)
Un saludo.
Hola, llegué a este post buscando información sobre las plantillas de blogger. Mi problema es que las modificaciones que hice en la plantilla no se ven cuando veo las entradas antiguas de mi blog. Es decir, tengo la plantilla como quiero en la entrada principal; pero cuando hago click en "entradas antiguas" la plantilla cambia su forma y se ve todo distinto. ¿Qué estoy haciendo mal? ¿Cuál es el problema? ¿Me pueden ayudar a solucionarlo? Gracias!
¿Dónde está la diferencia Nicolás? A simple vista a mí me parecen iguales.
De todas formas, si entre un post individual, la página inicio y las de navegación por etiquetas y/o "entradas antiguas", hay diferencia, seguro que es porque hay un condicional que marca que algo se vea o no se vea.
Hola, tengo un problemita con este tema.
Me aparecen pegados los links:
Entradas más recientesPágina Principal
(Así como los escribí).
O sea, aparecen:
Entradas más recientes ( contra el márgen izquierdo).
Página Principal ( pegado a recientes )
Entradas antiguas ( contra el márgen derecho)
Al seleccionar alguna etiqueta, me aparecen de esa forma.
El link Página Principal debería ir en el centro de la Página.
Es una plantilla externa que puse en blogger, se llama Forex Press (http://www.cahayabiru.com/2009/09/forex-press-easy-using.html).
Gracias
Diego, este es el código que afecta a eso y que viene en la plantilla original.
#blog-pager-newer-link{padding-left:20px;float:left}
#blog-pager-older-link{padding-right:20px;float:right}
#blog-pager{text-align:center}
En la demo de la plantilla funciona perfectamente, por lo que ese mismo es el que deberías tener tú. Si no es así, lo cambias por este.
Si lo tienes bien, ya tendría que ver tu propia página. Me pasas el link.
Saludos.
Oloman, te agradezco tu contestación. El código dice lo que pusiste:
#blog-pager-newer-link{padding-
left:20px;float:left}
#blog-pager-older-link{padding-right:20px;float:right}
#blog-pager{text-align:center}
Te paso mi link ( recién estoy empezando el blog ): http://xlanoticia.blogspot.com/
Después que me contestaste, se me ocurrió hacer un blog nuevo para ver si empezando de cero no ocurría el error, pero sigue ocurriendo.
Este es el blog nuevo :
http://paratesteo.blogspot.com/
te paso el correo para entrar así no tenés que hacer uno nuevo.
correotesteo@gmail.com
contraseña : cualquiera
(la palabra cualquiera )
No toqué nada del código, está tal cual el original.
Muchas gracias.
Hola Diego
Además de que al código que te dí como referencia, le faltaba un punto y coma al final de cada línea, el artilugio estaba también mal. Lo he restaurado por completo, copiando y pegando el original que se cita en este mismo post. Ahora ya funciona bien.
Saludos.
Muchas gracias Oloman, el super héroe del blog, al rescate de los blogueros. Seguiré buscando "cosicas" por tu blog. Ahí queda el blog para testeo para la posteridad. Si alguien quiere jugar con él, adelante. ¿ Qué encontraremos dentro de un tiempo en él ?.
Saludos desde Argentina.
EgoDi. ( se ve que no sirvo para super héroe )
La posteridad del blog para testeo fue corta, anulé la cuenta de mail. Me pareció mejor así pues uno no sabe quien puede entrar, hay de todo en la red.
Saludos Super Oloman.
PUBLICAR UN COMENTARIO