Hello! Welcome to DaudBD Blog.
Today I am sharing Wapkiz and Wordpress Telegram popUnder code
Login to Wapkiz Admin Panel:
First, log in to your Wapkiz admin panel using your credentials.
Navigate to Site Settings:
Once logged in, look for an option like "Footer. This is where you can customize the settings of your website.
Find the User Settings Section:
Now select the Login & Register
Setup Your Wordpress /Wapkiz Site
<div id="popUnder"> <div class="closeBtn" onclick="document.getElementById('popUnder').style.display='none'">×</div> <h3>Join Our Community</h3> <p style="margin: 0; font-size: 14px;"> Get the Latest Movies, Series, and exclusive uploads directly on Telegram & Facebook. </p> <!-- Telegram Button --> <a href="https://t.me/+YWSWnLWDiekzYzFl" target="_blank" rel="noopener noreferrer" class="joinBtn telegram"> <svg xmlns="https://www.w3.org/2000/svg" fill="white" viewBox="0 0 240 240"> <path d="M120 0C53.73 0 0 53.73 0 120c0 66.27 53.73 120 120 120 66.27 0 120-53.73 120-120 0-66.27-53.73-120-120-120zm54.77 77.45l-17.92 84.03c-1.33 6.11-4.81 7.65-9.76 4.77l-26.98-19.91-13 12.5c-1.43 1.43-2.62 2.62-5.36 2.62l1.95-27.48 49.96-45.09c2.18-2.18-.47-3.4-3.39-1.22l-61.8 38.85-26.6-8.31c-5.77-1.8-5.88-5.77 1.2-8.54l104.24-40.23c4.84-1.56 9.08 1.17 7.35 8.48z"/> </svg> Join Telegram Channel </a> <!-- Facebook Button --> <a href="https://facebook.com/daudtech" target="_blank" rel="noopener noreferrer" class="joinBtn facebook"> <svg xmlns="https://www.w3.org/2000/svg" fill="white" viewBox="0 0 320 512"> <path d="M279.14 288l14.22-92.66h-88.91V127.1c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S293.1 0 268.08 0c-73.51 0-121.36 44.38-121.36 124.72V195.3H86.41V288h60.31v224h92.66V288z"/> </svg> Join Facebook Page </a> <div class="warningText">🔥 Don’t miss exclusive updates!</div></div>Related Posts
CSS Code
#popUnder { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 320px; background: #212121; /* Dark background */ color: white; border-radius: 14px; border: 2px solid #06b6d4; /* Cyan border */ box-shadow: 0 0 25px rgba(0, 0, 0, 0.7), 0 0 20px rgba(132, 204, 22, 0.3); font-family: Arial, sans-serif; z-index: 9999; padding: 20px 18px; display: none; /* Start hidden */ flex-direction: column; align-items: center; text-align: center; gap: 12px; box-sizing: border-box; max-width: 90vw; animation: popupFade 0.6s ease-in-out; } @keyframes popupFade { from { transform: translate(-50%, -45%) scale(0.8); opacity: 0; } to { transform: translate(-50%, -50%) scale(1); opacity: 1; } } /* 🔹 Title Animation */ #popUnder h3 { margin: 0; font-weight: 700; font-size: 20px; text-align: center; background: linear-gradient(90deg, #06b6d4, #84cc16); -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: glowText 2s infinite alternate; } @keyframes glowText { from { text-shadow: 0 0 8px #06b6d4, 0 0 12px #06b6d4; } to { text-shadow: 0 0 8px #84cc16, 0 0 14px #84cc16; } } #popUnder .closeBtn { position: absolute; top: 6px; right: 10px; cursor: pointer; font-size: 20px; color: #ccc; opacity: 0.8; transition: transform 0.2s ease, opacity 0.3s ease, color 0.3s ease; } #popUnder .closeBtn:hover { transform: rotate(90deg); opacity: 1; color: #84cc16; /* Lime hover */ } /* 🔹 Common button style */ #popUnder a.joinBtn { color: white; text-decoration: none; padding: 10px 16px; border-radius: 10px; font-weight: 600; display: inline-flex; align-items: center; gap: 6px; font-size: 15px; transition: all 0.3s ease-in-out; box-shadow: 0 3px 10px rgba(0,0,0,0.3); width: 90%; justify-content: center; } #popUnder a.joinBtn svg { width: 16px; height: 16px; } /* 🔹 Telegram Button */ #popUnder a.telegram { background: linear-gradient(90deg, #06b6d4, #84cc16); } #popUnder a.telegram:hover { background: linear-gradient(90deg, #84cc16, #06b6d4); transform: scale(1.05); } /* 🔹 Facebook Button */ #popUnder a.facebook { background: linear-gradient(90deg, #1877f2, #0d47a1); } #popUnder a.facebook:hover { background: linear-gradient(90deg, #0d47a1, #1877f2); transform: scale(1.05); } #popUnder .warningText { color: #84cc16; /* Lime warning */ font-size: 14px; font-weight: bold; text-align: center; margin-top: 8px; text-shadow: 0 0 6px rgba(0,0,0,0.6); } Javascript Code
<script>
window.addEventListener("load", function() {
if (!(location.pathname === "/" || location.pathname.endsWith("index.html"))) {
return; // হোমপেজ না হলে popup চালু হবে না
}
let lastSeen = localStorage.getItem("popupSeenTime");
let now = new Date().getTime();
// daudbd.com
if (!lastSeen || now - lastSeen > 24 * 60 * 60 * 1000) {
setTimeout(function() {
let popup = document.getElementById("popUnder");
if (popup) popup.style.display = "flex";
}, 5000); // 5 sec delay
}
document.addEventListener("click", function(e) {
if (e.target.matches("#popUnder .closeBtn")) {
document.getElementById("popUnder").style.display = "none";
localStorage.setItem("popupSeenTime", new Date().getTime());
}
});
document.querySelectorAll("#popUnder a.joinBtn").forEach(function(btn) {
btn.addEventListener("click", function() {
localStorage.setItem("popupSeenTime", new Date().getTime());
});
});
});
</script>All Code Paste In Footer
<div id="popUnder"> <div class="closeBtn" onclick="document.getElementById('popUnder').style.display='none'">×</div> <h3>Join Our Community</h3> <p style="margin: 0; font-size: 14px;"> Get the Latest Movies, Series, and exclusive uploads directly on Telegram & Facebook. </p> <!-- Telegram Button --> <a href="https://t.me/+YWSWnLWDiekzYzFl" target="_blank" rel="noopener noreferrer" class="joinBtn telegram"> <svg xmlns="https://www.w3.org/2000/svg" fill="white" viewBox="0 0 240 240"> <path d="M120 0C53.73 0 0 53.73 0 120c0 66.27 53.73 120 120 120 66.27 0 120-53.73 120-120 0-66.27-53.73-120-120-120zm54.77 77.45l-17.92 84.03c-1.33 6.11-4.81 7.65-9.76 4.77l-26.98-19.91-13 12.5c-1.43 1.43-2.62 2.62-5.36 2.62l1.95-27.48 49.96-45.09c2.18-2.18-.47-3.4-3.39-1.22l-61.8 38.85-26.6-8.31c-5.77-1.8-5.88-5.77 1.2-8.54l104.24-40.23c4.84-1.56 9.08 1.17 7.35 8.48z"/> </svg> Join Telegram Channel </a> <!-- Facebook Button --> <a href="https://facebook.com/daudtech" target="_blank" rel="noopener noreferrer" class="joinBtn facebook"> <svg xmlns="https://www.w3.org/2000/svg" fill="white" viewBox="0 0 320 512"> <path d="M279.14 288l14.22-92.66h-88.91V127.1c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S293.1 0 268.08 0c-73.51 0-121.36 44.38-121.36 124.72V195.3H86.41V288h60.31v224h92.66V288z"/> </svg> Join Facebook Page </a> <div class="warningText">🔥 Don’t miss exclusive updates!</div></div>
<style>#popUnder { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 320px; background: #212121; /* Dark background */ color: white; border-radius: 14px; border: 2px solid #06b6d4; /* Cyan border */ box-shadow: 0 0 25px rgba(0, 0, 0, 0.7), 0 0 20px rgba(132, 204, 22, 0.3); font-family: Arial, sans-serif; z-index: 9999; padding: 20px 18px; display: none; /* Start hidden */ flex-direction: column; align-items: center; text-align: center; gap: 12px; box-sizing: border-box; max-width: 90vw; animation: popupFade 0.6s ease-in-out; } @keyframes popupFade { from { transform: translate(-50%, -45%) scale(0.8); opacity: 0; } to { transform: translate(-50%, -50%) scale(1); opacity: 1; } } /* 🔹 Title Animation */ #popUnder h3 { margin: 0; font-weight: 700; font-size: 20px; text-align: center; background: linear-gradient(90deg, #06b6d4, #84cc16); -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: glowText 2s infinite alternate; } @keyframes glowText { from { text-shadow: 0 0 8px #06b6d4, 0 0 12px #06b6d4; } to { text-shadow: 0 0 8px #84cc16, 0 0 14px #84cc16; } } #popUnder .closeBtn { position: absolute; top: 6px; right: 10px; cursor: pointer; font-size: 20px; color: #ccc; opacity: 0.8; transition: transform 0.2s ease, opacity 0.3s ease, color 0.3s ease; } #popUnder .closeBtn:hover { transform: rotate(90deg); opacity: 1; color: #84cc16; /* Lime hover */ } /* 🔹 Common button style */ #popUnder a.joinBtn { color: white; text-decoration: none; padding: 10px 16px; border-radius: 10px; font-weight: 600; display: inline-flex; align-items: center; gap: 6px; font-size: 15px; transition: all 0.3s ease-in-out; box-shadow: 0 3px 10px rgba(0,0,0,0.3); width: 90%; justify-content: center; } #popUnder a.joinBtn svg { width: 16px; height: 16px; } /* 🔹 Telegram Button */ #popUnder a.telegram { background: linear-gradient(90deg, #06b6d4, #84cc16); } #popUnder a.telegram:hover { background: linear-gradient(90deg, #84cc16, #06b6d4); transform: scale(1.05); } /* 🔹 Facebook Button */ #popUnder a.facebook { background: linear-gradient(90deg, #1877f2, #0d47a1); } #popUnder a.facebook:hover { background: linear-gradient(90deg, #0d47a1, #1877f2); transform: scale(1.05); } #popUnder .warningText { color: #84cc16; /* Lime warning */ font-size: 14px; font-weight: bold; text-align: center; margin-top: 8px; text-shadow: 0 0 6px rgba(0,0,0,0.6); }</style>
<script>
window.addEventListener("load", function() {
if (!(location.pathname === "/" || location.pathname.endsWith("index.html"))) {
return; // হোমপেজ না হলে popup চালু হবে না
}
let lastSeen = localStorage.getItem("popupSeenTime");
let now = new Date().getTime();
// daudbd.com
if (!lastSeen || now - lastSeen > 24 * 60 * 60 * 1000) {
setTimeout(function() {
let popup = document.getElementById("popUnder");
if (popup) popup.style.display = "flex";
}, 5000); // 5 sec delay
}
document.addEventListener("click", function(e) {
if (e.target.matches("#popUnder .closeBtn")) {
document.getElementById("popUnder").style.display = "none";
localStorage.setItem("popupSeenTime", new Date().getTime());
}
});
document.querySelectorAll("#popUnder a.joinBtn").forEach(function(btn) {
btn.addEventListener("click", function() {
localStorage.setItem("popupSeenTime", new Date().getTime());
});
});
});
</script>
Conclusion
This is all about adding Login and Signup Code Free Wapaxo. I hope you enjoy this article. Please do share this article. And if you are facing problem in any section or you have any question then ask us in comment box. Thank you!
