<style>
@keyframes ganeshaBounce {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-8px); }
}
@keyframes darkColorAnimation {
0% { background: #1a1a1a; }
25% { background: #8b0000; }
50% { background: #00008b; }
75% { background: #4b0082; }
100% { background: #1a1a1a; }
}
</style>
<script>
(function() {
// 1. మెయిన్ ఇమేజ్ కంటైనర్ (ర్యాపర్)
var ganeshWrapper = document.createElement('div');
ganeshWrapper.id = "ganeshaPopupWrapper";
ganeshWrapper.style.cssText = "position: fixed !important; left: 16px !important; top: 16px !important; width: 180px !important; height: 180px !important; z-index: 2147483646 !important; background: transparent !important; display: flex !important; align-items: center !important; justify-content: center !important; animation: ganeshaBounce 3s ease-in-out infinite !important; box-sizing: border-box !important;";
// ఇమేజ్ లింక్ (క్లిక్ చేస్తే real360.in ఓపెన్ అవుతుంది)
var ganeshLink = document.createElement('a');
ganeshLink.href = "https://www.manatelugupanchangam.com/";
ganeshLink.target = "_blank";
ganeshLink.style.cssText = "width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; text-decoration: none !important;";
var ganeshImg = document.createElement('img');
ganeshImg.src = "https://www.hindisoch.com/wp-content/uploads/2016/11/HD-Lord-Shiva-Image-Download-Free.jpg";
ganeshImg.alt = "Popup Image";
ganeshImg.style.cssText = "width: 100% !important; height: 100% !important; object-fit: contain !important; display: block !important; filter: drop-shadow(0 4px 8px rgba(0,0,0,0.3)) !important;";
ganeshLink.appendChild(ganeshImg);
ganeshWrapper.appendChild(ganeshLink);
// ఇమేజ్ పైన కుడి మూలన క్లోజ్ (X) బటన్
var closeBtn = document.createElement('div');
closeBtn.innerHTML = "×";
closeBtn.setAttribute("aria-label", "Close");
closeBtn.style.cssText = "position: absolute !important; top: 0px !important; right: 0px !important; width: 22px !important; height: 22px !important; background: rgba(0,0,0,0.7) !important; color: #ffffff !important; font-size: 14px !important; font-weight: bold !important; text-align: center !important; line-height: 20px !important; border-radius: 50% !important; cursor: pointer !important; z-index: 2147483647 !important;";
closeBtn.onclick = function(e) {
e.preventDefault();
e.stopPropagation();
ganeshWrapper.style.display = 'none';
};
ganeshWrapper.appendChild(closeBtn);
document.body.appendChild(ganeshWrapper);
// 20 సెకండ్ల తర్వాత ఇమేజ్ ఆటోమేటిక్గా మాయమయ్యేలా టైమర్
setTimeout(function() {
if (ganeshWrapper) {
ganeshWrapper.style.display = 'none';
}
}, 20000);
// 2. బ్యాక్ టూ టాప్ బటన్ (TOP)
var topBtn = document.createElement('div');
topBtn.id = "backToTopBtn";
topBtn.setAttribute("role", "button");
topBtn.setAttribute("aria-label", "Back to top");
topBtn.style.cssText = "position: fixed !important; left: 16px !important; bottom: 16px !important; width: 48px !important; height: 48px !important; border-radius: 50% !important; animation: darkColorAnimation 6s ease infinite !important; cursor: pointer !important; z-index: 2147483647 !important; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.5) !important; border: none !important; padding: 0 !important; display: block !important;";
topBtn.innerHTML = '<span style="position: absolute !important; top: 38% !important; left: 50% !important; transform: translate(-50%, -50%) scaleX(1.4) !important; color: #ffffff !important; font-size: 18px !important; font-weight: bold !important; line-height: 1 !important;">▲</span>' +
'<span style="position: absolute !important; bottom: 12px !important; left: 50% !important; transform: translateX(-50%) !important; color: #ffffff !important; font-size: 10px !important; font-weight: 800 !important; font-family: Arial, sans-serif !important; line-height: 1 !important;">TOP</span>';
topBtn.onclick = function() {
window.scrollTo({ top: 0, behavior: 'smooth' });
};
document.body.appendChild(topBtn);
})();
</script>
today special +panchangam
<style>
@keyframes ganeshaBounce {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-8px); }
}
@keyframes darkColorAnimation {
0% { background: #1a1a1a; }
25% { background: #8b0000; }
50% { background: #00008b; }
75% { background: #4b0082; }
100% { background: #1a1a1a; }
}
</style>
<script>
(function() {
// 1. మెయిన్ ఇమేజ్ కంటైనర్ (ర్యాపర్)
var ganeshWrapper = document.createElement('div');
ganeshWrapper.id = "ganeshaPopupWrapper";
ganeshWrapper.style.cssText = "position: fixed !important; left: 16px !important; top: 16px !important; width: 180px !important; height: 180px !important; z-index: 2147483646 !important; background: transparent !important; display: flex !important; align-items: center !important; justify-content: center !important; animation: ganeshaBounce 3s ease-in-out infinite !important; box-sizing: border-box !important;";
// ఇమేజ్ లింక్ (క్లిక్ చేస్తే real360.in ఓపెన్ అవుతుంది)
var ganeshLink = document.createElement('a');
ganeshLink.href = "https://real360.in/todays";
ganeshLink.target = "_blank";
ganeshLink.style.cssText = "width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; text-decoration: none !important;";
var ganeshImg = document.createElement('img');
ganeshImg.src = "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcStpPJSMWf-cyRCPjlETiNj-y_9UpMrtoZWkUoqD7OqsicheNRUEKAOSqY&s=10";
ganeshImg.alt = "Popup Image";
ganeshImg.style.cssText = "width: 300% !important; height: 100% !important; object-fit: contain !important; display: block !important; filter: drop-shadow(0 4px 8px rgba(0,0,0,0.3)) !important;";
ganeshLink.appendChild(ganeshImg);
ganeshWrapper.appendChild(ganeshLink);
// ఇమేజ్ పైన కుడి మూలన క్లోజ్ (X) బటన్
var closeBtn = document.createElement('div');
closeBtn.innerHTML = "×";
closeBtn.setAttribute("aria-label", "Close");
closeBtn.style.cssText = "position: absolute !important; top: 0px !important; right: 0px !important; width: 22px !important; height: 22px !important; background: rgba(0,0,0,0.7) !important; color: #ffffff !important; font-size: 14px !important; font-weight: bold !important; text-align: center !important; line-height: 20px !important; border-radius: 50% !important; cursor: pointer !important; z-index: 2147483647 !important;";
closeBtn.onclick = function(e) {
e.preventDefault();
e.stopPropagation();
ganeshWrapper.style.display = 'none';
};
ganeshWrapper.appendChild(closeBtn);
document.body.appendChild(ganeshWrapper);
// 20 సెకండ్ల తర్వాత ఇమేజ్ ఆటోమేటిక్గా మాయమయ్యేలా టైమర్
setTimeout(function() {
if (ganeshWrapper) {
ganeshWrapper.style.display = 'none';
}
}, 20000);
// 2. బ్యాక్ టూ టాప్ బటన్ (TOP)
var topBtn = document.createElement('div');
topBtn.id = "backToTopBtn";
topBtn.setAttribute("role", "button");
topBtn.setAttribute("aria-label", "Back to top");
topBtn.style.cssText = "position: fixed !important; left: 16px !important; bottom: 16px !important; width: 48px !important; height: 48px !important; border-radius: 50% !important; animation: darkColorAnimation 6s ease infinite !important; cursor: pointer !important; z-index: 2147483647 !important; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.5) !important; border: none !important; padding: 0 !important; display: block !important;";
topBtn.innerHTML = '<span style="position: absolute !important; top: 38% !important; left: 50% !important; transform: translate(-50%, -50%) scaleX(1.4) !important; color: #ffffff !important; font-size: 18px !important; font-weight: bold !important; line-height: 1 !important;">▲</span>' +
'<span style="position: absolute !important; bottom: 12px !important; left: 50% !important; transform: translateX(-50%) !important; color: #ffffff !important; font-size: 10px !important; font-weight: 800 !important; font-family: Arial, sans-serif !important; line-height: 1 !important;">TOP</span>';
topBtn.onclick = function() {
window.scrollTo({ top: 0, behavior: 'smooth' });
};
document.body.appendChild(topBtn);
})();
</script>
today page
<style>
@keyframes ganeshaBounce {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-8px); }
}
@keyframes multiColorAnim {
0% { color: #ff3366; }
25% { color: #ffcc00; }
50% { color: #33ccff; }
75% { color: #33ff66; }
100% { color: #ff3366; }
}
@keyframes pulseGlow {
0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }
70% { box-shadow: 0 0 0 12px rgba(37, 211, 102, 0); }
100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}
#waCallWidget {
position: fixed !important;
right: 16px !important;
bottom: 16px !important;
width: 48px !important;
height: 48px !important;
border-radius: 50% !important;
background-color: #25d366 !important;
color: #ffffff !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
z-index: 2147483647 !important;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.5) !important;
text-decoration: none !important;
cursor: pointer !important;
animation: pulseGlow 2s infinite !important;
transition: background-color 0.5s ease, transform 0.3s ease !important;
}
#waCallWidget:hover {
transform: scale(1.1) !important;
}
</style>
<script>
(function() {
var currentPath = window.location.pathname;
var isHome = (currentPath === '/' || currentPath === '' || currentPath === '/index.html' || (window.location.hostname.indexOf('real360.in') !== -1 && currentPath.length <= 1));
var isAllowedPage = isHome ||
currentPath.includes('/realestate') ||
currentPath.includes('/pre-owned-cars') ||
currentPath.includes('/home-loans') ||
currentPath.includes('/contact');
var isTodaysPage = currentPath.includes('/todays');
// 1. పాపప్ ఇమేజ్ (హోమ్ పేజీలో మాత్రమే)
if (isHome && !isTodaysPage) {
var ganeshWrapper = document.createElement('div');
ganeshWrapper.id = "ganeshaPopupWrapper";
ganeshWrapper.style.cssText = "position: fixed !important; left: 16px !important; top: 16px !important; width: 220px !important; height: 180px !important; z-index: 2147483646 !important; background: transparent !important; display: flex !important; align-items: center !important; justify-content: center !important; animation: ganeshaBounce 3s ease-in-out infinite !important; box-sizing: border-box !important;";
var ganeshLink = document.createElement('a');
ganeshLink.href = "https://real360.in/todays";
ganeshLink.style.cssText = "width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; text-decoration: none !important;";
var ganeshImg = document.createElement('img');
ganeshImg.src = "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcStpPJSMWf-cyRCPjlETiNj-y_9UpMrtoZWkUoqD7OqsicheNRUEKAOSqY&s=10";
ganeshImg.alt = "Popup Image";
ganeshImg.style.cssText = "width: 250% !important; height: 100% !important; object-fit: contain !important; display: block !important; filter: drop-shadow(0 4px 8px rgba(0,0,0,0.3)) !important;";
ganeshLink.appendChild(ganeshImg);
ganeshWrapper.appendChild(ganeshLink);
var closeBtn = document.createElement('div');
closeBtn.innerHTML = "×";
closeBtn.setAttribute("aria-label", "Close");
closeBtn.style.cssText = "position: absolute !important; top: 0px !important; right: 0px !important; width: 22px !important; height: 22px !important; background: rgba(0,0,0,0.7) !important; color: #ffffff !important; font-size: 14px !important; font-weight: bold !important; text-align: center !important; line-height: 20px !important; border-radius: 50% !important; cursor: pointer !important; z-index: 2147483647 !important;";
closeBtn.onclick = function(e) {
e.preventDefault();
e.stopPropagation();
ganeshWrapper.style.display = 'none';
};
ganeshWrapper.appendChild(closeBtn);
document.body.appendChild(ganeshWrapper);
}
// 2. బ్యాక్ టూ టాప్ బటన్ (సర్కిల్ లేదు, కేవలం మల్టీ కలర్ ఆరో మరియు టాప్ టెక్స్ట్)
var topBtn = document.createElement('div');
topBtn.id = "backToTopBtn";
topBtn.setAttribute("role", "button");
topBtn.setAttribute("aria-label", "Back to top");
topBtn.style.cssText = "position: fixed !important; left: 16px !important; bottom: 16px !important; width: 44px !important; height: 44px !important; background: transparent !important; border: none !important; cursor: pointer !important; z-index: 2147483647 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; padding: 0 !important;";
topBtn.innerHTML = '<span style="transform: scaleX(1.4) !important; font-size: 20px !important; font-weight: bold !important; line-height: 1 !important; animation: multiColorAnim 4s linear infinite !important; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.8)) !important;">▲</span>' +
'<span style="color: #ffffff !important; font-size: 10px !important; font-weight: 800 !important; font-family: Arial, sans-serif !important; line-height: 1 !important; margin-top: 2px !important; text-shadow: 0 1px 3px rgba(0,0,0,0.9) !important;">TOP</span>';
topBtn.onclick = function() {
window.scrollTo({ top: 0, behavior: 'smooth' });
};
document.body.appendChild(topBtn);
// 3. వాట్సాప్ మరియు కాల్ బటన్
if (isAllowedPage) {
var waCallBtn = document.createElement('a');
waCallBtn.id = "waCallWidget";
waCallBtn.setAttribute("target", "_blank");
var phoneSvg = '<svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>';
var waSvg = '<svg viewBox="0 0 24 24" width="26" height="26" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path></svg>';
var isWhatsAppState = true;
function updateWidgetState() {
if (isWhatsAppState) {
waCallBtn.href = "https://wa.me/919966886309?text=Hello,%20I%20want%20to%20know%20more%20details.";
waCallBtn.innerHTML = waSvg;
waCallBtn.style.backgroundColor = "#25d366";
waCallBtn.setAttribute("aria-label", "WhatsApp Chat");
} else {
waCallBtn.href = "tel:9966886309";
waCallBtn.innerHTML = phoneSvg;
waCallBtn.style.backgroundColor = "#007bff";
waCallBtn.setAttribute("aria-label", "Call Us");
}
isWhatsAppState = !isWhatsAppState;
}
updateWidgetState();
setInterval(updateWidgetState, 4000);
document.body.appendChild(waCallBtn);
}
})();
</script>
pop up + arrowwith top+ call and chat
