Script meteo Blogger

📜 Pasul 1: Copiază Scriptul (Creat de petre-vitan)

<!-- ====================================================== WIDGET METEO CUSTOM Scriptul meteo afișează vremea doar pentru București. Realizat de: petre-vitan (https://petrevitanblog.blogspot.com/) Platforma: Blogger / Universal HTML ====================================================== --> <!-- STILUL METEO --> <style> .meteo-container-injectat { width: auto; display: inline-flex !important; align-items: center !important; margin: 0; font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; background: transparent; padding: 0; color: #ffffff; box-sizing: border-box; } .meteo-link-autor { font-size: 16px !important; color: #006699 !important; text-transform: uppercase; letter-spacing: 0.5px; white-space: nowrap; display: inline-block !important; font-weight: normal !important; text-decoration: none !important; } .meteo-link-autor:hover { color: #3385ff !important; } </style> <!-- SCRIPTUL METEO --> <script> function actualizeazaToateWidgeturileMeteo() { var p1 = "https://api."; var p2 = "open-meteo.com"; var p3 = "/v1/forecast?latitude=44.4323&longitude=26.1063¤t_weather=true&timezone=auto"; var urlIntreg = p1 + p2 + p3; fetch(urlIntreg) .then(function(res) { return res.json(); }) .then(function(data) { var tempInt = Math.round(data.current_weather.temperature); var codVremeAzi = data.current_weather.weathercode; var iconHTML = "☀️"; if (codVremeAzi >= 1 && codVremeAzi <= 3) iconHTML = "🌦️"; if (codVremeAzi >= 45 && codVremeAzi <= 48) iconHTML = "🌫️"; if (codVremeAzi >= 51 && codVremeAzi <= 67) iconHTML = "☁️"; if (codVremeAzi >= 71 && codVremeAzi <= 77) iconHTML = "❄️"; if (codVremeAzi >= 80 && codVremeAzi <= 86) iconHTML = "☁️"; if (codVremeAzi >= 95) iconHTML = "🌩️"; construiesteStructuraHTML(tempInt + '°C', iconHTML); }) .catch(function(err) { construiesteStructuraHTML('16°C', '🌦️'); }); } function construiesteStructuraHTML(temperatura, iconita) { var elementeMeteo = document.querySelectorAll('.clasa-meteo-custom'); elementeMeteo.forEach(function(container) { container.style.display = "inline-block"; container.innerHTML = ` <div class="meteo-container-injectat" style="display: inline-flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 6px !important; font-weight: normal !important; font-style: normal !important; line-height: 1 !important;"> <a href="https://blogspot.com" target="_blank" class="meteo-link-autor" title="Creat de petre-vitan">BUCUREȘTI</a> <span style="font-size: 16px !important; display: inline-flex !important; align-items: center; justify-content: center;">\${iconita}</span> <span style="color: #63b3ed; font-size: 16px !important; display: inline-block !important; white-space: nowrap; font-weight: bold !important;">\${temperatura}</span> </div> `; }); } document.addEventListener("DOMContentLoaded", actualizeazaToateWidgeturileMeteo); setInterval(actualizeazaToateWidgeturileMeteo, 300000); </script>

Notă: Scriptul meteo afișează vremea doar pentru București. După ce ați copiat scriptul de mai sus în șablonul blogului dumneavoastră, introduceți această linie în articole exact acolo unde doriți să apară widgetul: