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é."
Muchas gracias maestro sin duda alguna este es un tema muy completo del que muchos sacaremos provecho incluyendome en la lista y una ves mas gracias por el aporte :)
ResponderEliminarMuy bien explicado y útil para dar ese toque especial al blog ;)
ResponderEliminarGracias Gem@, pero la verdad a mi me cuesta mucho explicar las cosas para que los demás lo entiendan.
ResponderEliminarHola Viku, muchas gracias por tu tutorial.
ResponderEliminarPodrías decir cómo puedo hacer para insertar un formulario de comentarios en una página independiente (Es decir, para que puedan comentar en es página independiente)
@ 69DarK69:
ResponderEliminarBusca esto en el html de tu plantilla expandiendo artilugios
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
Si no lo encuentras busca:
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
y cambialo por esto
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if></b:if>
Holaaa!
ResponderEliminarUna pregunta que no se si tiene que ver con esto. Como se hace para que las páginas adicionales que quieras abrir se abran en otra ventana? es lo mismo que esto de la página independiente?
Gracias de antemano
A que llamas páginas adicionale? Y abrir en otra ventana o pestaña?
ResponderEliminarDe cualquier forma hay que agregar: target="_blank" a los link.
<a href="http://...." target="_blank">página</a>