Code popup cảnh báo 18+ cho blogger
Để tạo một popup cảnh báo 18+ cho blogger, bạn có thể sử dụng mã HTML và CSS sau:
1. Tạo một popup cảnh báo 18+:
```html
Cảnh báo: Nội dung chỉ dành cho người trên 18 tuổi!
Vui lòng xác nhận bạn đã đủ tuổi để xem nội dung này.
```
2. Sử dụng CSS để tạo kiểu cho popup:
```css
#popup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9999;
}
#popup-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: white;
padding: 20px;
border-radius: 5px;
text-align: center;
}
#confirm-btn {
padding: 10px 20px;
background-color: #ff0000;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
```
3. Sử dụng JavaScript để hiển thị popup khi truy cập trang web:
```html
document.addEventListener("DOMContentLoaded", function() {
var popup = document.getElementById('popup');
var confirmBtn = document.getElementById('confirm-btn');
confirmBtn.addEventListener('click', function() {
popup.style.display = 'none';
});
setTimeout(function() {
popup.style.display = 'block';
}, 2000); // Hiển thị popup sau 2 giây
});
```
Bạn có thể thêm mã này vào trang web của mình để hiển thị popup cảnh báo 18+ cho người truy cập. Đảm bảo rằng bạn cung cấp nội dung phù hợp và tuân thủ các quy định pháp luật liên quan khi sử dụng cảnh báo này.