Consejos Blogger: Páginas Independientes

miércoles, 2 de marzo de 2011

Tener mas de 10 páginas independientes en blogger

Blogger nos da la posibilidad de tener hasta 10 páginas independientes.

Cuando ya tenemos las 10 páginas creadas blogger nos quita el botón de "Página Nueva".

Hoy les voy a mostrar la forma de crear mas páginas independientes.

De la siguiente forma vamos a poder tener 11 o mas páginas independientes.

Seguir los pasos con precaución para no cometer ningún error.

Como vemos en la primera imagen ya tengo creadas 10 páginas.

Para el ejemplo les puse el nombre vku 1 hasta vku 10.

Ya con las 10 páginas creadas vamos a elegir una de las 10 y le damos a "Editar".

Se nos abre el editor.

Ya con el editor abierto vemos el link y lo copiamos en el bloc de notas, para después utilizarlo.

Este paso es muy importante, si no tenemos este link no funcionará el truco.

Cerramos.

Ahora suprimimos esa página independiente.

No se preocupen, después la recuperamos.

Igual es conveniente copiar el contenido de la página.

Ahora ya veremos el botón de "Página Nueva".

Creamos otra página independiente.

Yo le puse para el ejemplo vku 11.

Como vemos, de nuevo tenemos 10 páginas independientes.

Ahora van desde vku 2 hasta vku 11.

¿Se acuerdan el link que pegamos en el blog de notas?

Lo copiamos y pegamos en navegador.

Se abrirá el editor.

Le damos a "Publicar Página".

Como vemos en la siguiente imagen, ya tenemos 11 páginas independientes.

Repetimos los pasos para seguir agregando mas páginas.

Siempre hay que tener 9 páginas para que aparezca el botón de "Página Nueva".

Así que vamos a tener que copiar y pegar en el bloc de notas todos los link y eliminar varias páginas, tantas como quieramos agregar.

Ahora si tenemos el menú de las páginas independientes en el blog, lo editamos desde Diseño, Elementos de la página, moviendo al lugar que prefierán mostrar.

Ver ejemplo:

lunes, 27 de septiembre de 2010

Modificar páginas independientes parte 2

Continuando con el tema de la parte 1

Ya que me han realizado varias preguntas tanto en los comentarios como por correo voy a seguir con el tema.

Hay que usar un poco la imaginación y saber que es lo que queremos mostrar en nuestras páginas independientes, esto será según para que se utilicé.

Todas las modificaciones que queremos realizar las vamos a hacer mediante códigos condicionales.

Estos códigos los podemos colocar dentro de <head> y </head> o dentro del cuerpo de la plantilla entre <body> y </body>

El código condicional que se utiliza para las páginas independientes tiene el valor static_page

Ejemplo 1:

<b:if cond='data:blog.pageType == "static_page"'>

TODO LO QUE PONGAMOS ACÁ SOLO AFECTARÁ A LAS PÁGINAS INDEPENDIENTES

</b:if>

Si cambiamos == por != será lo contrario.

Ejemplo 2:

<b:if cond='data:blog.pageType != "static_page"'>

TODO LO QUE PONGAMOS ACÁ AFECTARÁ A TODO EL BLOG MENOS A LAS PÁGINAS INDEPENDIENTES

</b:if>

Si solo queremos modificar una sola página indepentiente y no todas, cambiamos el código condicional y el valor será el link de la página a modificar.

Ejemplo 3:

<b:if cond='data:blog.url == "http://loseasi.blogspot.com/p/contacto.html"'>

TODO LO QUE PONGAMOS ACÁ SOLO AFECTARÁ A LA PÁGINA INDEPENDIENTE
http://loseasi.blogspot.com/p/contacto.html

</b:if>

Al igual que antes, si cambiamos == por != será lo contrario.

Ejemplo 4:

<b:if cond='data:blog.url != "http://loseasi.blogspot.com/p/contacto.html"'>

TODO LO QUE PONGAMOS ACÁ AFECTARÁ A TODO EL BLOG MENOS A LA PÁGINA INDEPENDIENTE
http://loseasi.blogspot.com/p/contacto.html

</b:if>

Para hacer las modificaciones podemos utilizar estilos CSS.

Colocar el código condicional arriba de </head>, con los estilos dentro:

<b:if cond='data:blog.pageType == "static_page"'>
<style type='text/css'>
clase o id {propiedad: valor}
</style>
</b:if>

De esta forma se mostrará en las páginas independientes un fondo de color negro y ocultamos la cabezera.

<b:if cond='data:blog.pageType == "static_page"'>
<style type='text/css'>
body {background: #000000;}
#header {display: none;}
</style>
</b:if>

O podemos hacerlo desde el cuerpo de la plantilla:

Ejemplo si tenemos un menú y no lo queremos mostrar en las páginas independientes, lo buscamos y lo colocamos dentro del código condicional.

Algo así:

<b:if cond='data:blog.pageType != "static_page"'>
<ul>
<li><a href="http://URL=">INICIO</a></li>
<li><a href="http://URL=">PERFIL</a></li>
<li><a href="http://URL=">CONTACTO</a></li>
</ul>
</b:if>

De esta forma se mostrará en todo el blog menos en las páginas independientes.

Como dije antes: "Hay que usar un poco la imaginación y saber que es lo que queremos mostrar en nuestras páginas independientes, esto será según para que se utilicé."