Home Blogger Cursos Estructura básica de blogger Parte 2

Estructura básica de blogger Parte 2

By
mayo 06, 2017
Read
Add Comment

retomando el anterior articulo, hoy aprenderemos a como crear nuestro aplicativo en blogger utilizando una etiquetas especiales denominada <b:widget><b:widget/>.


En nuestra estructura básica crearemos un pequeño aplicativo que va a ser el encargado de mostrar el titulo de mi pagina web así que retomando la estructura básica incluiremos lo siguiente:

<?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 -->

<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>

</widget>



<b:section id="main"/><!--etiqueta especial de blogger utilizada para declara el cuerpo de nuestro aplicativo-->

</body>
</html>

Ya declaramos nuestro aplicativo ¿ pero que son las variables data?

Las variable <data> de blogger tiene la misma función que en cualquier lenguaje de programación, que es la de almacenar información.Cual nosotros utilizaremos para que se ejecute y me de un determinado resultado. Así que en el siguiente ejemplo veremos el comportamiento 
variable => valor

 => Titulo de mi web
como podemos ver la variable almacena un valor cual es el nombre de mi pagina web.si quieres saber mas sobre dichas variable te recomendamos leer el siguiente articulo: Lista de las etiquetas data de blogger. Bien ahora que ya creamos nuestro aplicativo y sabemos que son las data de blogger sigamos con el paso final. Ya tenemos nuestra aplicación corriendo en nuestra plantilla pero no lo muestra nada y es ahí donde entra las variables, lo que haremos es incluir dentro las variable para que la ejecute.De la siguiente manera. 
<?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 -->

<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>

</widget>



<b:section id="main"/><!--etiqueta especial de blogger utilizada para declara el cuerpo de nuestro aplicativo-->

</body>
</html>

Video tutorial

Tags :

No hay comentarios.:

Suscribirse a: Comentarios de la entrada ( Atom )
Con tecnología de Blogger.

Created By Themexpose · Powered by Blogger
All rights reserved