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é."
Leer Importante...
Enlaza el blog ...
Ultimos comentarios
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 :)
Muy bien explicado y útil para dar ese toque especial al blog ;)
Gracias Gem@, pero la verdad a mi me cuesta mucho explicar las cosas para que los demás lo entiendan.
Hola Viku, muchas gracias por tu tutorial.
Podrí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:
Busca 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!
Una 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?
De cualquier forma hay que agregar: target="_blank" a los link.
<a href="http://...." target="_blank">página</a>
Si tienes alguna opinión respecto a la entrada, tienes un punto de vista distinto, o simplemente quieres saludar, te invito a que dejes un comentario. NO SE ACEPTAN LINKS DE REFERIDOS para que los comentarios no se conviertan simplemente en una forma de publicitarse.
Elegir un botón o imagen, Seleccionar, copiar (Ctrl+C) y pegar en formulario de comentarios.
Nota: solo los miembros de este blog pueden publicar comentarios.