Numărătoare Inversă Sărbători

Widget Numărătoare Inversă Inteligentă (Crăciun / Revelion) Realizat de petre-vitan

Previzualizare widget (Cronometrul calculează live timpul rămas):

Se încarcă...

00

Zile

00

Ore

00

Minute

00

Secunde

Codul sursă de copiat pentru Blogspot:

<!-- ======================================================= --> <!-- WIDGET INTELIGENT NUMĂRĂTOARE INVERSĂ CRĂCIUN / REVELION --> <!-- REALIZAT DE PETRE-VITAN --> <!-- ======================================================= --> <div class='petre-vitan-countdown-box'> <h3 id='countdown-title-petre'>Până la Crăciun au mai rămas:</h3> <div class='timer-grid-petre'> <div class='timer-item-petre'> <span id='days-petre'>00</span> <p>Zile</p> </div> <div class='timer-item-petre'> <span id='hours-petre'>00</span> <p>Ore</p> </div> <div class='timer-item-petre'> <span id='minutes-petre'>00</span> <p>Minute</p> </div> <div class='timer-item-petre'> <span id='seconds-petre'>00</span> <p>Secunde</p> </div> </div> </div> <style> .petre-vitan-countdown-box { background: #232323 !important; border: 1px solid #444 !important; border-radius: 8px !important; padding: 20px !important; margin: 20px auto !important; max-width: 500px !important; width: 100 !important; box-sizing: border-box !important; text-align: center !important; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important; } .petre-vitan-countdown-box h3 { color: #ffffff !important; margin: 0 0 15px 0 !important; font-size: 18px !important; font-weight: 700 !important; } .timer-grid-petre { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 10px !important; } .timer-item-petre { background: #111111 !important; border: 1px solid #333333 !important; border-radius: 6px !important; padding: 10px 5px !important; } .timer-item-petre span { display: block !important; font-size: 26px !important; font-weight: 700 !important; color: #00aa66 !important; /* Trecut pe verde premium pentru contrast */ } .timer-item-petre p { margin: 4px 0 0 0 !important; font-size: 12px !important; color: #aaaaaa !important; text-transform: uppercase !important; letter-spacing: 0.5px; } </style> <script type='text/javascript'> //<![CDATA[ function updateCountdownPetre() { var e = new Date(), t = e.getFullYear(); var a = new Date("Dec 25, " + t + " 00:00:00"); var n = document.getElementById("countdown-title-petre"); if (e > a) { a = new Date("Dec 31, " + t + " 23:59:59"); // Reglat pentru a număra corect orele până în ultima secundă din an if (n) n.innerHTML = "Până la Revelion au mai rămas:"; } else { if (n) n.innerHTML = "Până la Crăciun au mai rămas:"; } var r = a - e; if (r <= 0) { if (n) n.innerHTML = "Sărbători Fericite!"; return; } var i = Math.floor(r / 864e5), o = Math.floor((r % 864e5) / 36e5), u = Math.floor((r % 36e5) / 6e4), c = Math.floor((r % 6e4) / 1e3); if (document.getElementById("days-petre")) { document.getElementById("days-petre").innerText = i < 10 ? "0" + i : i; document.getElementById("hours-petre").innerText = o < 10 ? "0" + o : o; document.getElementById("minutes-petre").innerText = u < 10 ? "0" + u : u; document.getElementById("seconds-petre").innerText = c < 10 ? "0" + c : c; } } setInterval(updateCountdownPetre, 1000); updateCountdownPetre(); //]]> </script>

🛠️ Cum se instalează numărătoarea inversă pe Blogspot:

1. Copiați scriptul făcând clic pe butonul Copiază Codul situat direct deasupra casetei de text.
2. Accesați panoul administrativ Blogger al blogului.
3. În meniul din stânga, faceți clic pe opțiunea Aspect (Layout).
4. Navigați în bara laterală (Sidebar) sau în zona în care doriți să apară și dați clic pe Adăugați un gadget (Add a Gadget).
5. Selectați widgetul de tip HTML/JavaScript din listă.
6. Lipiți codul copiat direct în secțiunea mare numită Conținut (Content). Câmpul pentru titlu poate fi lăsat gol.
7. Faceți clic pe Salvați (Save) și asigurați salvarea layout-ului din colțul din dreapta-jos.