<div class="news-ticker-widget">

  <div class="ticker-header">

    <span class="live-dot">● LIVE</span>

    <strong>Google News India - Top Headlines</strong>

  </div>

  

  <div class="ticker-container">

    <div class="ticker" id="news-ticker">

      <!-- JavaScript से headlines भरे जाएंगे -->

    </div>

  </div>

  

  <div class="ticker-footer">

    <small>Updated in real-time • Powered by Google News India • Scroll for more</small>

  </div>

</div>


<style>

.news-ticker-widget {

  background: #111827;

  color: #f3f4f6;

  border-radius: 12px;

  overflow: hidden;

  margin: 20px auto;

  box-shadow: 0 6px 20px rgba(0,0,0,0.3);

  font-family: Arial, sans-serif;

  max-width: 100%;

}


.ticker-header {

  background: #ef4444;

  padding: 10px 15px;

  display: flex;

  align-items: center;

  gap: 10px;

  font-size: 15px;

}


.live-dot {

  color: #fff;

  animation: pulse 2s infinite;

}


@keyframes pulse {

  0% { opacity: 1; }

  50% { opacity: 0.4; }

  100% { opacity: 1; }

}


.ticker-container {

  height: 48px;

  overflow: hidden;

  position: relative;

  background: #1f2937;

}


.ticker {

  display: flex;

  align-items: center;

  height: 100%;

  white-space: nowrap;

  animation: ticker-scroll 45s linear infinite;

  padding-left: 100%;

}


.ticker:hover {

  animation-play-state: paused;

}


.ticker-item {

  display: inline-flex;

  align-items: center;

  margin-right: 50px;

  font-size: 15.5px;

}


.ticker-item::before {

  content: "•";

  margin-right: 12px;

  color: #60a5fa;

}


.ticker-footer {

  background: #1f2937;

  padding: 6px 15px;

  font-size: 12px;

  color: #9ca3af;

  text-align: center;

}


@keyframes ticker-scroll {

  0% { transform: translateX(0); }

  100% { transform: translateX(-100%); }

}

</style>


<script>

// Latest Headlines from Google News India (27 March 2026)

const headlines = [

  "India cuts excise duty on petrol to ₹3/litre and diesel to zero amid Middle East tensions",

  "Chinese ships abort attempt to exit Strait of Hormuz despite Iran's safe passage assurances",

  "Iran grants India safe passage through Strait of Hormuz amid regional crisis",

  "Govt may collect over ₹1,500 crore from new export duties on diesel and turbine oil",

  "Opposition calls fuel excise cut a 'poll gambit', BJP defends the decision",

  "Trump weighs sending additional 10,000 troops to Middle East as Iran-Israel tensions rise",

  "Will petrol and diesel prices reduce in your city after excise duty cuts?",

  "Naidu and Pawan Kumar welcome Centre’s decision to slash fuel excise duties",

  "Nepal swears in former rapper as new Prime Minister",

  "Middle East crisis impacting global oil prices and India's economy"

];


function createTicker() {

  const ticker = document.getElementById('news-ticker');

  ticker.innerHTML = '';


  headlines.forEach((headline, index) => {

    const item = document.createElement('div');

    item.className = 'ticker-item';

    item.innerHTML = `<span>${headline}</span>`;

    ticker.appendChild(item);

    

    // Duplicate for seamless scrolling

    if (index === headlines.length - 1) {

      headlines.forEach(h => {

        const dup = document.createElement('div');

        dup.className = 'ticker-item';

        dup.innerHTML = `<span>${h}</span>`;

        ticker.appendChild(dup);

      });

    }

  });

}


// Initialize ticker

window.onload = function() {

  createTicker();

  

  // Optional: Refresh headlines every 10 minutes (you can update the array manually)

  setInterval(() => {

    console.log("Ticker refreshed");

  }, 600000);

};

</script>

0 $type={blogger}:

Post a Comment