facilisimo / red / foros / formación / cómo crear páginas dinámicas en blogger

Cómo crear páginas dinámicas en Blogger

Hombre, 40 años

España

Antigüedad: 05.06.2007

● offline

21/04/2015 - 14:58    83.***.***.45 Comentarios: 0

Hace unos días, una de nuestras usuarias hacía esta consulta para poder crear una sección dentro de su blog de una temática distinta a la principal. Y además, que las entradas de esa nueva sección no se mezclaran con las entradas normales.

La opción de crear otro blog, por supuesto que es válida. Pero la consulta no iba encaminada en ese sentido, su objetivo era tener todo en el mismo blog pero no revuelto.

Esta guía que hemos preparado, combina varias herramientas de Blogger, como son la creación de páginas, el uso de las etiquetas y el redireccionamiento. Espero que se entienda y que luego, cada uno, pueda darle el uso que más le convenga.

Empezamos:

Lo primero de todo, como siempre cuando vamos a hacer cambios, es crearnos una copia de seguridad. En plantilla hay un botón a la derecha que pone Crear/Restablecer copia de seguridad.

Una vez  hecha la copia:

Imaginemos que tengo un blog de COCINA pero quiero también escribir de OCIO. Pero no quiero que las entradas se mezclen. Además, quiero tener una sección diferenciada de ocio pero que mis lectores cuando entran al blog, vean las entradas de cocina. Bien, pues hay que hacer lo siguiente:

1.- En todas las entradas de cocina habrá que poner la etiqueta “cocina” y en las de ocio la etiqueta “ocio”. Así podremos hacer uso de las páginas de búsqueda.

2.- Insertar el gadget de páginas en el diseño del blog. Pinchar en Añadir gadget, buscarlo en el listado que se muestra y dar al "+". Situarlo donde mejor os parezca. Quedaría algo así:


Cómo crear páginas dinámicas en Blogger



3.- Ahora hay que editar el gadget haciendo varias cosas. La primera, desmarcar el check de Página principal.
Luego hay que crear las páginas utilizando las páginas de búsqueda, y así tener contenido dinámico. Para hacerlo es muy fácil:

- Pinchamos en +añadir enlace externo.

- Ponéis el título que queráis. Por ejemplo, en nuestro, caso "Cocina".

- En la dirección web, pegáis la página de búsqueda por etiquetas: http://XXXXXXXXXXX.com.es/search/label/cocina

Lo tendréis que hacer todas las veces que creáis oportuno. En el caso que nos ocupa, creamos dos, una que llamamos "Cocina" y otra que llamamos "Ocio".

Por último, nosotros vamos a crear una página con todo el contenido junto, por si algún lector lo quisiera ver así.

Es el mismo procedimiento, la llamamos "Todas las entradas" y pegamos esta url

http://XXXXXXXXX.com.es/index.html


Cómo crear páginas dinámicas en Blogger

4.- Una vez hecho todo esto, hay que comprobar que tengamos tres páginas: "Cocina", "Ocio" y "Todas las entradas". Las dos primeras se actualizarán cada vez que escribamos una entrada con su correspondiente etiqueta (ojo, no se nos puede olvidar) y la última se actualizará con todas las entradas que escribamos.

5.- Ahora, para conseguir que cuando se entra en http://XXXXXXX.com.es la página que nos muestre sea el contenido principal del blog (en nuestro caso cocina), hay que hacer una redireccionamiento. Es muy sencillo:

Configuración / Preferencias para motores de búsqueda y en el apartado Redireccionamiento personalizado, pinchar en Editar.

Añadimos un redireccionamiento: en el apartado De: ponemos "/" y en el apartado Para: ponemos "/search/label/cocina" y guardamos cambios.



Cómo crear páginas dinámicas en Blogger


Por último, al trabajar con páginas de búsqueda y etiquetas, Blogger por defecto muestra un mensaje:

Cómo crear páginas dinámicas en Blogger


Para quitarlo, hay que editar el html. Ir a Plantilla / Editar html y añadir una pequeña línea de código 
Si no estás familiarizado con el código, ten cuidado y no borres nada y sigue con cuidado estos pasos.

Pincha en cualquier sitio del código
ctrl+f para que salga el cuadro de búsqueda. Y pon b:skin y dale al enter. Te habrá llevado a algo así: 



Cómo crear páginas dinámicas en Blogger



Pinchar en el triángulo negro pequeño que hay a la izquierda y se desplegará todo el código que está oculto. Hay que bajar hasta abajo de ese código y pegar .status-msg-wrap {visibility:hidden;display:none;} justo antes de la línea que pone ]]>



Cómo crear páginas dinámicas en Blogger


Ya sólo queda pinchar en el botón naranja Guardar plantilla.

Podéis ver el ejemplo de lo que hemos conseguido en este blog de prueba http://blogdepruebaredfacilisimo.blogspot.com.es/

¡Si tenéis dudas, aquí estamos!
Saludos.


¿Tienes un blog y te gustaría que fuera más conocido? Sincroniza tu blog con facilisimo.com
No hay comentarios
» Últimos posts