<!-- FLOAT ADSENSE CENTER -->
<style>
/* Background overlay */
#ads-overlay {
position: fixed;
inset: 0;
background: rgba(0,0,0,0.6);
z-index: 99999;
display: flex;
align-items: center;
justify-content: center;
}
/* Box iklan */
#ads-box {
background: #ffffff;
max-width: 90%;
width: 360px;
padding: 15px;
border-radius: 10px;
position: relative;
box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}
/* Label iklan */
#ads-label {
font-size: 13px;
font-weight: bold;
margin-bottom: 8px;
color: #555;
}
/* Tombol close */
#ads-close {
position: absolute;
top: -12px;
right: -12px;
background: #ff3b3b;
color: #fff;
border: none;
width: 32px;
height: 32px;
border-radius: 50%;
font-size: 18px;
cursor: pointer;
line-height: 32px;
}
#ads-close:hover {
background: #d80000;
}
/* Mobile friendly */
@media (max-width: 480px) {
#ads-box {
width: 92%;
}
}
</style>
<div id='ads-overlay'>
<div id='ads-box'>
<button aria-label='Tutup iklan' id='ads-close'>×</button>
<div id='ads-label'>Iklan</div>
<!-- medi -->
<ins class='adsbygoogle' data-ad-client='ca-pub-9881622081555157' data-ad-format='auto' data-ad-slot='6372820660' data-full-width-responsive='true' style='display:block'/>
</div>
</div>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
// Close button
document.getElementById("ads-close").onclick = function () {
document.getElementById("ads-overlay").style.display = "none";
};
</script>
<!-- END FLOAT ADSENSE -->