Estructura básica de blogger Parte 1
Antes de comenzar deberemos tener un conocimiento moderado de html5
Para crear nuestra estructura tomaremos como referencia una plantilla html5 básica 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 --> </head> <body> <!--cuerpo de nuestro documento --> </body> </html>
Si lo dirigimos a el editor de blogger y pegamos nuestra estructura html5, los saldrá un error el cual lo dirá que no se a encontrado la etiqueta
<b:skin><?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 --> </body> </html>
Otra vez, si intentamos guardar el código nos aparecerá otro mensaje de advertencia , indicando que debe existir una sección (Para gadgets) dentro de nuestra plantilla, lo solucionamos con una etiqueta <b:section> y su respectivo identificador:
<?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="main"/><!--etiqueta especial de blogger utilizada para declara el cuerpo de nuestro aplicativo--> </body> </html>
No hay comentarios.: