Mos Craciun cu sania si un bradut

Widget Sanie Moș Crăciun Animata și Brad Fix Realizat de petre-vitan

Previzualizare animație (Sania traversează periodic ecranul de test):

ZONĂ CONȚINUT SITE

Codul sursă de copiat pentru Blogspot:

<!-- ======================================================= --> <!-- SANIE MOȘ CRĂCIUN ANIMATĂ ȘI BRAD FIX CU JQUERY --> <!-- REALIZAT DE PETRE-VITAN --> <!-- ======================================================= --> <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script> <script type="text/javascript"> //<![CDATA[ $(document).ready(function(){ var w = $(window).width(), s = $('.santa'); function m(){ // Resetează poziția saniei la fiecare pornire în afara ecranului din dreapta s.css("right", "-500px"); // Deplasare fluidă spre stânga peste toată lățimea ecranului s.animate({right: w + s.width()}, 15000, "linear", function(){ // Pauză de 10 secunde înainte ca Moșul să treacă din nou setTimeout(function(){ m() }, 10000); }); } m(); }); //]]> </script> <style> .santa { position: fixed; bottom: 10px; right: -500px; z-index: 9999998; pointer-events: none; } .xmas-tree { position: fixed; bottom: -20px; right: 5px; z-index: 9999998; pointer-events: none; } @media (max-width: 768px) { .santa { width: 140px; } .xmas-tree { width: 50px; bottom: -10px; } } </style> <div class="santa"><img src="https://i.ibb.co/ZM1kjCG/christmas-sled-source-ulp.gif" style="width:100%; height:auto;" alt="" /></div> <div class="xmas-tree"><img src="https://i.ibb.co/x7jsNDR/Animated-Xmas-tree-animation.gif" style="width:100%; height:auto;" alt="" /></div>

🛠️ Cum se instalează widgetul cu Moș Crăciun 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.
3. În meniul din stânga, faceți clic pe opțiunea Temă (Theme).
4. Apăsați pe triunghiul mic de lângă butonul portocaliu „Personalizează” și selectați Editați HTML (Edit HTML).
5. Faceți un clic în interiorul editorului de cod și apăsați scurtătura Ctrl + F.
6. Căutați tag-ul de închidere structurală </body>.
7. Lipiți codul copiat exact deasupra / înainte de această etichetă </body>.
8. Apăsați pictograma de Salvare (dischetă) din colțul din dreapta-sus al ecranului pentru a publica widgetul.