Imagenes en formato webtoon
<div class="webtoon-panel" style="clear: both; text-align: center; margin-bottom: 200px; line-height: 0;">
<img src="Aqui va el urg de la imagen " alt="Descripción del panel" width="800" style="max-width: 100%; display: inline-block; margin: 0;">
<img src="Aqui va el urg de la imagen" width="800" style="max-width: 100%; display: inline-block; margin: 0;">
</div>
---------------------
<div class="webtoon-panel" style="clear: both; line-height: 0; margin-bottom: 200px; text-align: center;">
<img alt="Descripción del panel" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjftN_2UgMIMVHbBsODOfS8YXUxnqduhZftCfPZuPfIQTEaiiaHpTgbfKqWTOyQQEh3xHnigqZAsLLmMD2bNni1BaI6K7H2nc-1nV3u9YrE3l1iMKFvINVwRbkTR8xHDYE9qlAc7RBlPsmd88XkxCukjW81kUuAJEXL06twoJ_gHSLhLCbLR1EWi8EBa31w/s906/5.png" style="display: inline-block; margin: 0px; max-width: 100%;" width="800" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGPPeFUzVT91-dWFkAmyy3H8iPCxi2FSZRkeZSrHjgi4aOJ8YFmUHFvf7S9XFhCFkO43T0EG0q2AbuCnFuuSiANOVghHb30lJ-oNx5NfpVF83c1Dlfe3ZaklOgUwymnH7euSP0-9wGunwbn62Mp8FNAFKq8DJosw1B00z6S-veGqThiR1EDm6RUOk07GPB/s2317/15542765473869.jpg" style="display: inline-block; margin: 0px; max-width: 100%;" width="800" />
</div>
Para ocultar “Entradas más recientes”, “Entradas antiguas”, “Inicio” y “Suscribirse a: Entradas (Atom)” en tu blog de Blogger, puedes seguir estos pasos1:
- Entra a Diseño.
- Haz clic en la pestaña Edición de HTML.
- Haz clic en Expandir Plantillas de Artilugios.
- Busca los siguientes trozos de código y bórralos:
<data:newerPageTitle/>– Corresponde al texto “Entrada más reciente”<data:olderPageTitle/>– “Entradas antiguas”<data:homeMsg/>– “Página principal''
Para buscar entre esoso codigo se utiliza '' ctrl + f ''
En las planti<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
codigo paraddddd la barra de opciones
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: orange;
}
.header {
background-color: purple;
color: white;
text-align: center;
padding: 10px;
}
.navbar {
overflow: hidden;
background-color: #333;
}
.navbar a {
float: left;
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
.navbar a:hover {
background-color: #ddd;
color: black;
}
</style>
</head>
<body>
<div class="header">
<h1>Mi Blog</h1>
<p>Un sitio para compartir mis pensamientos.</p>
</div>
<div class="navbar">
<a href="#home">Página Principal</a>
<a href="#news">Activos</a>
<a href="#contact">Finalizados</a>
<a href="#about">Preguntas Frecuentes</a>
</div>
<div style="padding:20px;margin-top:30px;background-color:#1abc9c;height:1500px;">
<h1>Bienvenido a Mi Blog</h1>
<p>Algunos textos...</p>
<p>Algunos textos...</p>
</div>
</body>
</html>
Codigo de barra y eso
<style>
body {
background-color: Beige;
font-family: Arial; /* Aquí puedes cambiar 'Arial' por el tipo de letra que prefieras */
}
.navbar {
overflow: hidden;
background-color: #A19240 ;
}
.navbar a {
float: left;
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-family: Arial; /* Aquí puedes cambiar 'Arial' por el tipo de letra que prefieras */
font-weight: bold; /* Aquí se agrega la negrita */
}
.navbar a:hover {
background-color: #B7A649;
color: Beige;
}
</style>
<div class="navbar">
<a href=https://otakuyfujoshininarose.blogspot.com/2023/11/anuncio.html>Página Principal</a>
<a href=https://otakuyfujoshininarose.blogspot.com/2023/11/proyecto-activos.html>Activos</a>
<a href="#contact">Finalizados</a>
<a
href=https://otakuyfujoshininarose.blogspot.com/2023/11/blog-post.html>Animes</a>
</div>
<p></p><div class="separator" style="clear: both; text-align: center;"></div>
codigos para una vista en webtoon:
No de como funciona
<html lang="es">
<head>
<meta charset="UTF-8"></meta>
<title>Tu Webtoon</title>
<style>
.webtoon {
display: flex;
flex-direction: column;
align-items: center;
}
.webtoon img {
max-width: 100%;
margin-bottom: -4px; /* Ajusta este valor para controlar el espacio entre imágenes */
}
</style>
</head>
<body>
<div class="webtoon">
<!-- Asegúrate de reemplazar 'imagen1.jpg', 'imagen2.jpg', etc., con los nombres de tus archivos -->
<img alt="Panel 1" src="<div class=""/></a></div>" />
<img alt="Panel 2" src="imagen2.jpg" />
<!-- Repite la línea anterior para cada imagen que quieras agregar -->
</div>
</body>
</html>
<div class="separator" style="clear: both; text-align: center;"><br /></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><br />