Pop-Up : Subscribe To Our YouTube Channel

 FEATURES !

• Automatic Change Colors
• Simple Enter Face
• Professional Pop-Up
• Made By ~ Waqar Editx 
• Best Color Combination 
• Professional Animation 

NOTE !

Change Your Actual YouTube Channel Link With "YOUR_YOUTUBE_LINK" In Code

📌 Copy & Use the Code

Click the copy button below to get the code.

<div id="youtubePopup" style="display:none; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:320px; padding:25px; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,0.3); z-index:9999; text-align:center; animation:youtubeColors 10s infinite;"> <div style="position:relative;"> <button onclick="document.getElementById('youtubePopup').style.display='none'" style="position:absolute; top:-15px; right:-15px; background:#ff0000; color:white; border:none; width:30px; height:30px; border-radius:50%; font-weight:bold; cursor:pointer; font-size:16px;">×</button> <div style="margin-bottom:15px;"> <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" style="fill:#ff0000;"> <path d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z"></path> </svg> </div> <h3 style="margin:0 0 10px 0; color:white; font-size:20px;">Subscribe to Our Channel</h3> <p style="margin:0 0 20px 0; color:white; font-size:14px;">Get latest updates</p> <div style="display:flex; justify-content:center; gap:10px;"> <a href="YOUR_YOUTUBE_CHANNEL_LINK" target="_blank" style="background:#ff0000; color:white; padding:10px 20px; border-radius:30px; text-decoration:none; font-weight:bold; display:inline-flex; align-items:center; gap:5px;"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" style="fill:white;"> <path d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z"></path> </svg> Subscribe </a> <button onclick="document.getElementById('youtubePopup').style.display='none'" style="background:transparent; color:white; border:1px solid white; padding:10px 20px; border-radius:30px; cursor:pointer; font-weight:bold;">Maybe Later</button> </div> </div> </div> <style> @keyframes youtubeColors { 0% { background:#ff0000; } 20% { background:#ff5e00; } 40% { background:#ffbb00; } 60% { background:#cc0000; } 80% { background:#990000; } 100% { background:#ff0000; } } </style> <script> // Show popup after 5 seconds setTimeout(function(){ // Check if user has already dismissed the popup if(!localStorage.getItem('youtubePopupDismissed')) { document.getElementById('youtubePopup').style.display = 'block'; } }, 5000); // Optional: Add this if you want to remember dismissal for 7 days document.querySelector('#youtubePopup button[onclick]').addEventListener('click', function() { localStorage.setItem('youtubePopupDismissed', 'true'); // Expire after 7 days (604800000 milliseconds) setTimeout(function() { localStorage.removeItem('youtubePopupDismissed'); }, 604800000); }); </script>

Subscribe to Our Channel

Get latest updates

Subscribe