Estructura Básica De Blogger Parte 3
<?xml version="1.0" encoding="UTF-8" ?> <!--definimos la codificación --> <!DOCTYPE html> <!--declaramos nuestro documento --> <html lang="es"> <!--definimos el idioma --> <head> <!--encabezado del documento --> <b:skin> <![CDATA[/* <!--etiqueta especial de blogger utilizada para incluir los css--> ----------------------------------------------- Blogger Template Style Name: Nombre de plantilla Author : Francisco Banegas License: libre Web site: Codesblue.info ----------------------------------------------- */ ]]> </b:skin> </head> <body> <!--cuerpo de nuestro documento --> <b:section id="Header"> <!--Creamos el contenedor de nuestra aplicación --> <b:widget id="Header1" type="Header"> <!--Declaramos nuestra aplicación --> <b:includable id="main"><!--Cuerpo de nuestra aplicación la cual se encargara de almacenar nuestra variable <data> de blogger --> </b:includable> </b:widget> </b:section> <b:section id="main"/><!--etiqueta especial de blogger utilizada para declara el cuerpo de nuestro aplicativo--> </body> </html>
Antes de comenzar es necesario leer los dos siguiente artículos:
http://www.codesblue.info/2017/08/condicionales-de-blogger.html
http://www.codesblue.info/2017/10/variables-datablog-de-blogger.html
Tabla de valores
| <b:if> | <b:elseif/> | <b:else/> | ||
|---|---|---|---|---|
| Si se cumple | En caso que no se cumpla | Si ninguna se cumple | ||
Tomando en cuenta que ya entiendes que es un condicional, voy a continuar con la plantilla básica de blogger que desarrollamos en los otros capítulos. En nuestra estructura declaramos una condicional dentro de nuestra etiqueta <b:includable> cuya función sera la de evaluar si lo encontramos en la pagina principal en caso que sea correcto lo mostrara el nombre de la pagina web seguido de la descripción de la misma solamente en la url principal de nuestro blog, si ingresamos a un articulo mostrara únicamente el titulo de blog.
<?xml version="1.0" encoding="UTF-8" ?> <!--definimos la codificación --> <!DOCTYPE html> <!--declaramos nuestro documento --> <html lang="es"> <!--definimos el idioma --> <head> <!--encabezado del documento --> <b:skin> <![CDATA[/* <!--etiqueta especial de blogger utilizada para incluir los css--> ----------------------------------------------- Blogger Template Style Name: Nombre de plantilla Author : Francisco Banegas License: libre Web site: Codesblue.info ----------------------------------------------- */ ]]> </b:skin> </head> <body> <!--cuerpo de nuestro documento --> <b:section id="Header"> <!--Creamos el contenedor de nuestra aplicación --> <b:widget id="Header1" type="Header"> <!--Declaramos nuestra aplicación --> <b:includable id="main"><!--Cuerpo de nuestra aplicación la cual se encargara de almacenar nuestra variable <data> de blogger --> <b:if cond='data:blog.pageType == "index" '> <!--contenido que se mostrar solamente en la web principal--> <data:title/> <data:description/> <b:elseif cond='data:blog.pageType == "item" '/> <!--contenido que se mostrara dentro de los artículos--> <data:title/> <b:else/> <!--mostrara un error en caso de que la condicional se encuentre mal ejecutada--> <h1>Error a declara condicional por favor vuelva a verificar su código </h1> </b:if> </b:includable> </b:widget> </b:section> <b:section id="main"/><!--etiqueta especial de blogger utilizada para declara el cuerpo de nuestro aplicativo--> </body> </html>
No hay comentarios.: