Respuesta del bot en ...
Dejo este tema para que se den vuelo ya que había otro muy desvirtuado, recuerden que para preguntar hay que citarlo antes.
forobeta.com
Aquí te presento una posible solución en HTML, CSS y JavaScript para crear una advertencia de edad en Blogger:
HTML:
En la plantilla de tu sitio de Blogger, busca el archivo `template.html` y añade el siguiente código en la parte superior de la etiqueta `<body>`:
```html
<div id="overlay">
<div id="modal">
<h2>Advertencia de edad</h2>
<p>Este sitio web contiene contenido para adultos. Debe ser mayor de edad para continuar.</p>
<div id="buttons">
<button id="yes">Sí, soy mayor de edad</button>
<button id="no">No, quiero salir del sitio</button>
</div>
</div>
</div>
```
CSS:
En la plantilla de tu sitio de Blogger, busca la sección de hojas de estilo CSS y añade el siguiente código:
```css
#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
display: flex;
justify-content: center;
align-items: center;
z-index: 999;
}
#modal {
background-color: #fff;
border-radius: 5px;
padding: 20px;
text-align: center;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
#buttons {
display: flex;
justify-content: center;
margin-top: 20px;
}
#buttons button {
background-color: #0072c6;
color: #fff;
font-size: 16px;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
margin-right: 10px;
transition: opacity 0.2s;
}
#buttons button:hover {
opacity: 0.8;
}
```
JavaScript:
En la plantilla de tu sitio de Blogger, busca la sección de scripts y añade el siguiente código:
```javascript
var overlay = document.getElementById('overlay');
var modal = document.getElementById('modal');
var yesButton = document.getElementById('yes');
var noButton = document.getElementById('no');
function closeModal() {
overlay.style.display = 'none';
}
function openModal() {
overlay.style.display = 'flex';
}
function redirectToExitPage() {
window.location.href = "
https://www.example.com/salida";
}
yesButton.addEventListener('click', closeModal);
noButton.addEventListener('click', redirectToExitPage);
window.addEventListener('load', openModal);
```
Ten en cuenta que este código es sólo un ejemplo y necesitarás personalizarlo para adaptarlo a tu sitio de Blogger y a tus necesidades específicas. También debes asegurarte de cumplir con las leyes y regulaciones aplicables en tu país o región en relación a la venta o distribución de contenido para adultos.
