.pn){kind=small}
Aprende las etiquetsbasicaspara hacer modificaciones sensillas|¿Donde se encuentra la barra lateral? ¿Donde va el css?, (Lo_ultimo)
Estructura Básica de una Plantilla para Blogger
La estructura básica de una plantilla para Blogger generalmente incluye varios elementos clave que se agrupan en secciones específicas dentro del archivo HTML principal. Aquí tienes una descripción general de la estructura básica:
<!DOCTYPE html>
<html>
<head>
<!-- Información del documento: título, meta tags, enlaces a estilos, scripts, etc. -->
<title>Nombre del Blog</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Incluyendo estilos CSS -->
<link rel="stylesheet" href="estilos.css">
</head>
<body>
<!-- Encabezado del blog -->
<header id="header">
<h1><a href="index.html">Nombre del Blog</a></h1>
<!-- Menú de navegación -->
<nav>
<ul>
<li><a href="/">Inicio</a></li>
<li><a href="/about">Acerca de</a></li>
<li><a href="/contact">Contacto</a></li>
</ul>
</nav>
</header>
<!-- Contenido principal -->
<main id="main">
<!-- Área de publicaciones -->
<div id="blog-posts">
<!-- Incluirá el bucle de entradas de Blogger -->
<b:section id="main-content" class="blog-posts" showaddelement="yes">
<b:widget id="Blog1" locked="false" title="Blog Posts" type="Blog" />
</b:section>
</div>
<!-- Barra lateral -->
<aside id="sidebar">
<!-- Widgets de Blogger -->
<b:section id="sidebar-content" class="sidebar" showaddelement="yes">
<b:widget id="Profile1" type="Profile" title="Sobre mí" />
<b:widget id="BlogArchive1" type="BlogArchive" title="Archivo" />
<b:widget id="Label1" type="Label" title="Etiquetas" />
</b:section>
</aside>
</main>
<!-- Pie de página -->
<footer id="footer">
<p>© 2024 Nombre del Blog. Todos los derechos reservados.</p>
</footer>
<!-- Scripts JavaScript -->
<script src="scripts.js"></script>
</body>
</html>
Desglose de la Estructura
- <head>:
- Contiene la información del documento como el título, meta tags para SEO y accesibilidad, enlaces a archivos CSS y scripts externos.
- <header>:
- Incluye el título del blog y el menú de navegación.
- <main>:
- <div id="blog-posts">: Área principal donde se muestran las publicaciones del blog.
- <b:section>: Sección específica de Blogger para incluir widgets y bucles de contenido dinámico.
- <aside>:
- Barra lateral para widgets adicionales como el perfil del autor, archivo del blog y etiquetas.
- <footer>:
- Pie de página que incluye derechos de autor y otros enlaces.
- Scripts:
- Enlaces a archivos JavaScript necesarios para funcionalidades adicionales.
Esta estructura básica puede ser personalizada y ampliada según las necesidades específicas del blog. Blogger usa su propio sistema de etiquetas y widgets para facilitar la inclusión de contenido dinámico.
