News Ticker Premium cu Efect Glonț (Bullet Ticker)

Bine ai venit! Dacă îți dorești o metodă modernă, elegantă și de impact prin care să le arăți cititorilor tăi cele mai recente postări de pe blog, ai ajuns în locul potrivit. Acest News Ticker Premium cu Efect Glonț (Bullet Ticker) preia automat ultimele tale articole și le afișează într-o bandă dinamică, în care titlurile țâșnesc rapid din stânga și accelerează spectaculos spre dreapta.

Este un script complet gratuit, optimizat să funcționeze perfect pe orice telefon sau calculator. Copiază textul din caseta de mai jos și adaugă-l pe blogul tău!

Previzualizare Live Ticker:

ULTIMELE ARTICOLE

🌐 O poezie superbă scrisă din suflet 🌐 🌐 Gânduri de seară și rânduri adunate 🌐 🌐 Un nou articol special pentru cititori 🌐

Codul pentru widget:

💡 Sfat: Selectează textul din caseta de mai jos (Ctrl+A), copiază-l (Ctrl+C) și lipește-l direct în gadgetul tău HTML/JavaScript din Blogger!

<!-- Început Cod Ticker Petre-Vitan - Efect Glonț --> <div id="pv-bullet-box"> <span class="pv-badge-lbl">ULTIMELE ARTICOLE</span> <div class="pv-v-port"> <a id="pv-dyn-lnk" href="#"><span id="pv-dyn-txt">Se încarcă...</span></a> </div> </div> <style> @import url('https://googleapis.com'); #pv-bullet-box { display: flex; align-items: center; background: #111111; height: 42px; overflow: hidden; border-radius: 4px; width: 100%; } .pv-badge-lbl { background: #950000; color: #ffffff; padding: 0 18px; height: 100%; display: flex; align-items: center; font-family: sans-serif; font-weight: bold; font-size: 11px; letter-spacing: 1.5px; z-index: 20; white-space: nowrap; } .pv-v-port { position: relative; display: flex; align-items: center; padding-left: 20px; overflow: hidden; width: 100%; height: 100%; } #pv-dyn-lnk { text-decoration: none; display: block; width: 100%; height: 100%; } #pv-dyn-txt { color: #ffffff !important; font-family: 'Playfair Display', serif; font-size: 14px; font-style: italic; white-space: nowrap; position: absolute; line-height: 42px; left: -100%; opacity: 0; } .bullet-incoming { opacity: 1 !important; left: 20px !important; transition: left 0.35s cubic-bezier(0.1, 0.85, 0.25, 1), opacity 0.15s; } .bullet-outgoing { opacity: 0 !important; left: 150% !important; transition: left 0.25s cubic-bezier(0.4, 0, 1, 1), opacity 0.2s; } #pv-dyn-lnk:hover #pv-dyn-txt { color: #950000 !important; } </style> <script> document.addEventListener("DOMContentLoaded", function() { var u = window.location.protocol + "//" + window.location.hostname + "/feeds/posts/default?alt=json-in-script&max-results=10"; var s = document.createElement('script'); s.src = u + '&callback=initPVT'; document.body.appendChild(s); }); function initPVT(j) { var t = document.getElementById("pv-dyn-txt"), l = document.getElementById("pv-dyn-lnk"); if (!j.feed.entry) { if(t) t.innerHTML = "Fără articole."; return; } var e = j.feed.entry, a = []; for (var i = 0; i < e.length; i++) { var lk = ""; for (var k = 0; k < e[i].link.length; k++) { if (e[i].link[k].rel === "alternate") { lk = e[i].link[k].href; break; } } a.push({ t: "🌐 " + e[i].title.$t + " 🌐", l: lk }); } var idx = 0, h = false; l.addEventListener("mouseenter", function() { h = true; }); l.addEventListener("mouseleave", function() { h = false; }); function run() { if (h) { setTimeout(run, 1000); return; } l.href = a[idx].l; t.innerHTML = a[idx].t; t.className = ""; t.offsetHeight; t.classList.add("bullet-incoming"); setTimeout(function() { if (h) { setTimeout(arguments.callee, 500); } else { t.classList.remove("bullet-incoming"); t.classList.add("bullet-outgoing"); setTimeout(function() { idx = (idx + 1) % a.length; run(); }, 300); } }, 3350); } run(); } <\/script>-->

Script realizat de: petre-vitan

📋 Ghid de Instalare Pas cu Pas

1. Selectează codul: Dă un simplu click în interiorul casetei negre de mai sus (codul se va selecta automat) și folosește comanda de copiere.
2. Adaugă gadgetul: În panoul tău Blogger ➔ Layout (Aspect), mergi în zona de sus (Header) și apasă pe Add a Gadget (Adaugă un gadget).
3. Lipește și Salvează: Selectează opțiunea HTML/JavaScript, lipește codul copiat direct în casetă și apasă pe Save (Salvați). Tickerul va porni automat!