Menu Pop Up Universal Untuk Blog dan Situs Embed

 Berikut Adalah Kode HTML Nya..........

===============================================

<!-- ==========================
     BolaBale Welcome Popup
     ========================== -->

<style>

#bb-popup-overlay{
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(0,0,0,.55);
backdrop-filter:blur(8px);
display:flex;
justify-content:center;
align-items:center;
z-index:999999;
animation:fadeIn .4s ease;
}

#bb-popup{

width:92%;
max-width:520px;

background:#ffffff;

border-radius:24px;

padding:35px;

box-shadow:
0 25px 60px rgba(0,0,0,.30);

font-family:Segoe UI,Arial,sans-serif;

text-align:center;

position:relative;

animation:popup .45s ease;

}

#bb-close{

position:absolute;

right:18px;

top:14px;

font-size:30px;

cursor:pointer;

color:#888;

transition:.3s;

}

#bb-close:hover{

color:#d60000;
transform:rotate(90deg);

}

.bb-logo{

font-size:55px;
margin-bottom:15px;

}

#bb-popup h2{

margin:10px 0;

font-size:28px;

color:#198754;

}

#bb-popup p{

font-size:17px;

line-height:1.8;

color:#444;

margin:18px 0 30px;

}

.bb-btn{

display:inline-block;

padding:16px 34px;

border-radius:60px;

background:linear-gradient(135deg,#25D366,#128C7E);

color:white;

font-size:18px;

font-weight:bold;

text-decoration:none;

box-shadow:
0 10px 25px rgba(37,211,102,.45);

transition:.35s;

}

.bb-btn:hover{

transform:translateY(-3px) scale(1.04);

box-shadow:
0 20px 35px rgba(37,211,102,.55);

}

@keyframes popup{

from{
opacity:0;
transform:translateY(40px) scale(.9);
}

to{
opacity:1;
transform:none;
}

}

@keyframes fadeIn{

from{opacity:0;}
to{opacity:1;}

}

@media(max-width:600px){

#bb-popup{

padding:28px 22px;

}

#bb-popup h2{

font-size:24px;

}

#bb-popup p{

font-size:16px;

}

.bb-btn{

display:block;

width:100%;

padding:16px;

font-size:17px;

}

}

</style>

<div id="bb-popup-overlay">

<div id="bb-popup">

<div id="bb-close">&times;</div>

<div class="bb-logo">🌿</div>

<h2>Assalamu 'alaikum</h2>

<p>

Terima Kasih Telah Mengunjungi Situs <strong>BolaBale</strong>.

<br><br>

Silakan Beritahu Kami Apa yang Dapat Kami Bantu.

</p>

<a class="bb-btn"
href="https://wa.wizard.id/3af6e6"
target="_blank">

💬 Hubungi Admin

</a>

</div>

</div>

<script>

document.getElementById("bb-close").onclick=function(){

document.getElementById("bb-popup-overlay").style.display="none";

};

</script> 

==============================================================

 

```html

×

🌿

Assalamu 'alaikum

Terima Kasih Telah Mengunjungi Situs BolaBale.

Silakan Beritahu Kami Apa yang Dapat Kami Bantu.

💬 Hubungi Admin

```