How To Add A Custom Content Banner Widget To Your Blogger Website?

Ever wanted to add a custom banner to your blogger website to display certain places of your site or platforms you're currently subscribed to. Good news, we've got a widget to match your liking as seen above.

Step 1: Go to Blogger's layout section and click Add Gadgets 

Step 2: You will have to choose HTML/JavaScript and copy the code provided below

<div class="custom-banner">
    <div class="banner-content">
        <h3>Explore Our Content!</h3>
        <p>Check out our latest posts and resources.</p>
        <div class="banner-buttons">
<a href="https://prsdube16.blogspot.com/p/posts-you-might-like.html?m=1" class="banner-btn">Cartoon Games</a>
            <a href="https://prsdube16.blogspot.com/p/featured-attractions.html?m=1" class="banner-btn">DStv Highlights</a>
            <a href="https://prsdube16.blogspot.com/search/label/Everyday%20Novelas?m=1" class="banner-btn">Telenovela Updates</a>
<a href="https://www.mediafire.com/folder/7vznku6zvg906/Insidus+Collection" class="banner-btn">Insidus Plus - Documents And Games</a>
<a href="https://prsdube16.blogspot.com/search/label/Openview%20Plus?m=1" class="banner-btn">Openview Highlights</a>
<a href="https://prsdube16.blogspot.com/p/posts-you-might-like.html?m=1" class="banner-btn">News On Animation</a>
<a href="https://prsdube16.blogspot.com/search/label/Sports%20Entertainment?m=1" class="banner-btn">Sports Highlights</a>
<a href="https://taplink.cc/prsdube16" class="banner-btn">Social Platforms</a>
<a href="https://prsdube16.blogspot.com/search/label/Video%20Entertainment?m=1" class="banner-btn">Streaming Highlights</a>
        </div>
    </div>
</div>

<style>
.custom-banner {
    background-color: #FFFFFF;
    border: 0px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    margin: 10px auto;
    max-width: 1200px; /* Adjust width as needed */
}
.banner-content h3 {
    font-size: 24px;
    margin: 0 0 10px;
    color: #333;
}
.banner-content p {
    font-size: 16px;
    color: #666;
    margin: 0 0 15px;
}
.banner-buttons {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}
.banner-btn {
    background-color: #ff0000;
    color: #ffff00 !important;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
    font-size: 10px;
    transition: background-color 0.3s;
    white-space: nowrap;
}
.banner-btn:hover {
    background-color: #0056b3;
    color: #ffff00
}
@media (max-width: 600px) {
    .custom-banner {
        max-width: 90%;
        padding: 10px;
    }
    .banner-buttons {
        flex-direction: column;
    }
    .banner-btn {
        width: 88%;
        margin-bottom: 10px;
    }
}
</style>

Notes
• By <a></a> you can remove the links within href and replace them with your own
• Before closing with </a> you can give your link a name

How To Add A Recent Posts Slider To Your Blogger Website?

You may have visited a couple of websites and noticed that their posts move automatically in a vertical position and wondered how you can get this on your blogger website. Below is some types on how you can get this widget on your blogger website.

Step 1: Go to Blogger's layout section and click Add Gadgets 

Step 2: You will have to choose HTML/JavaScript and copy the code provided below

Below this recent post slider shows posts based on particular label 

<div id="recent-posts-slider">
  <ul id="recent-posts-list"></ul>
</div>

<style>
#recent-posts-slider {
  overflow: hidden;
  width: auto; /* Ensure full width */
  background: #f9f9f9;
  border: 0px solid #ddd;
  padding: 10px;
}

#recent-posts-list {
  display: flex;
  gap: 15px;
  animation: slide-left linear infinite;
  list-style: none;
  padding: 0;
  margin: 0;
}

#recent-posts-list li {
  min-width: 220px;
  max-width: 220px;
  background: transparent;
  border: 0px solid #ccc;
  padding: 5px;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
  text-align: center;
}

#recent-posts-list img {
  max-width: 100%;
  height: auto;
  margin-bottom: 8px;
}

#recent-posts-list a {
  text-decoration: none;
  color: #ff6a00;
  font-weight: bold;
}

/* Media Queries for responsiveness */
@media (max-width: 768px) {
  #recent-posts-list li {
    min-width: 150px; /* Reduce the min-width on mobile */
    max-width: 150px;
  }
}

@media (max-width: 480px) {
  #recent-posts-list li {
    min-width: 120px; /* Further reduce for smaller screens */
    max-width: 120px;
  }
}

@keyframes slide-left {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}
</style>
<script>
  const feedUrl = "https://prsdube16.blogspot.com/feeds/posts/default/-/Upcoming?alt=json"; // Change 'Tech' to your label
  const list = document.getElementById("recent-posts-list");

  fetch(feedUrl)
    .then(res => res.json())
    .then(data => {
      const posts = data.feed.entry || [];
      posts.slice(0, 10).forEach(post => {
        const title = post.title.$t;
        const link = post.link.find(l => l.rel === "alternate").href;

        let thumb = "https://via.placeholder.com/220x150?text=No+Image";
        if (post.media$thumbnail) {
          thumb = post.media$thumbnail.url;
        } else if (post.content && post.content.$t.match(/<img[^>]+src="([^">]+)/)) {
          thumb = post.content.$t.match(/<img[^>]+src="([^">]+)/)[1];
        }

        const li = document.createElement("li");
        li.innerHTML = `
          <a href="${link}" target="_blank">
            <img src="${thumb}" alt="${title}" />
            <div>${title}</div>
          </a>
        `;
        list.appendChild(li);
      });

      const speed = 40;
      list.style.animationDuration = `${speed}s`;
    })
    .catch(err => {
      console.error("Failed to load recent posts:", err);
      list.innerHTML = "<li>Failed to load posts.</li>";
    });
</script>

This recent posts slider shows all posts by default

<div id="recent-posts-slider">
  <ul id="recent-posts-list"></ul>
</div>

<style>
#recent-posts-slider {
  overflow: hidden;
  width: auto; /* Ensure full width */
  background: #f9f9f9;
  border: 0px solid #ddd;
  padding: 10px;
}

#recent-posts-list {
  display: flex;
  gap: 15px;
  animation: slide-left linear infinite;
  list-style: none;
  padding: 0;
  margin: 0;
}

#recent-posts-list li {
  min-width: 220px;
  max-width: 220px;
  background: transparent;
  border: 0px solid #ccc;
  padding: 5px;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
  text-align: center;
}

#recent-posts-list img {
  max-width: 100%;
  height: auto;
  margin-bottom: 8px;
}

#recent-posts-list a {
  text-decoration: none;
  color: #ff6a00;
  font-weight: bold;
}

/* Media Queries for responsiveness */
@media (max-width: 768px) {
  #recent-posts-list li {
    min-width: 150px; /* Reduce the min-width on mobile */
    max-width: 150px;
  }
}

@media (max-width: 480px) {
  #recent-posts-list li {
    min-width: 120px; /* Further reduce for smaller screens */
    max-width: 120px;
  }
}

@keyframes slide-left {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}
</style>
<script>
  const feedUrl = "https://prsdube16.blogspot.com/feeds/posts/default?alt=json"; 
  const list = document.getElementById("recent-posts-list");

  fetch(feedUrl)
    .then(res => res.json())
    .then(data => {
      const posts = data.feed.entry || [];
      posts.slice(0, 10).forEach(post => {
        const title = post.title.$t;
        const link = post.link.find(l => l.rel === "alternate").href;

        let thumb = "https://via.placeholder.com/220x150?text=No+Image";
        if (post.media$thumbnail) {
          thumb = post.media$thumbnail.url;
        } else if (post.content && post.content.$t.match(/<img[^>]+src="([^">]+)/)) {
          thumb = post.content.$t.match(/<img[^>]+src="([^">]+)/)[1];
        }

        const li = document.createElement("li");
        li.innerHTML = `
          <a href="${link}" target="_blank">
            <img src="${thumb}" alt="${title}" />
            <div>${title}</div>
          </a>
        `;
        list.appendChild(li);
      });

      const speed = 40;
      list.style.animationDuration = `${speed}s`;
    })
    .catch(err => {
      console.error("Failed to load recent posts:", err);
      list.innerHTML = "<li>Failed to load posts.</li>";
    });
</script>

Notes
• By const feedURL replace it with your URL and the Upcoming label replace it with any label on your website
• The const speed widget goes faster if decrease below 40
• By posts slice (0,10) this is where you decide how many posts you want to have displayed

The FCC Approves Paramount And Skydance's Merger Attempt

The Federal Communications Commission has cleared the way for Paramount Global to complete its merger with Skydance Media, announcing Thursday that it has approved the deal. The decision removes a final hurdle for the media and entertainment companies to close their transaction.

The FCC's approval, which was necessary for the deal to move forward, caps a long-running corporate saga over the fate of Paramount, which owns Paramount+, the Paramount Pictures movie and television studios, the CBS television network and CBS News and Stations. Paramount also owns Nickelodeon, BET, MTV, Comedy Central and other media brands. 

Paramount Global agreed to merge with David Ellison's Skydance Media in July 2024 after briefly halting negotiations the month before. The deal followed a long, turbulent sales process that drew interest from other major corporate players and investors, including Seagram heir Edgar Bronfman Jr., media mogul Barry Diller, Sony Pictures and private equity firm Apollo Global Management, and Allen Media, the company controlled by former comedian Byron Allen. 

Paramount had said it expected to close the $8.4 billion merger in the first half of 2025. But the first half of the year came and went, and the merger remained under review by the FCC and its chair Brendan Carr, who had been appointed to the role earlier this year by President Trump.

Late on July 1, Paramount announced it had settled a lawsuit with Mr. Trump over the editing of a "60 Minutes" interview with Kamala Harris, a suit that Paramount told the court was without merit. The company agreed to pay $16 million — most of which would go to Mr. Trump's presidential library — and agreed to publish transcripts of future "60 Minutes" interviews with presidential candidates after those interviews air on the show. Mr. Trump has since said he expects Paramount's new owners to offer him about $20 million in advertising and PSAs. Paramount said in a statement it had no knowledge of any commitments to Mr. Trump outside of its $16 million settlement, and Skydance didn't respond to requests for comment.

In two letters to the FCC earlier this week, Skydance pledged to hire a CBS News ombudsman to review complaints of editorial bias for a period of at least two years, and the company confirmed that Paramount had eliminated or modified its DEI programs and hiring practices earlier this year.

E! News Nightly Show Has Been Cancelled On E! As The Brand Pivots Toward A Digital Future

E! News has been canceled as a linear television show, a source with knowledge of the decision. It will officially end on Sept. 25; the nightly entertainment-news program launched in 1991. The show had a two-year hiatus during COVID. E! News will continue on as a digital brand.

Employees learned of the cancellation news yesterday. Tonight’s show will be a repeat; new episodes will resume next week. Access Hollywood and Access Daily will continue on as normal from their production facility at Terrace Studios.

Some E! News correspondents will follow the channel to Versant (formerly referred to simply as SpinCo.), the source said, though those roles are as TBD.

NBCUniversal has split itself in two. The NBC broadcast network, the studios, Peacock and Bravo will stay as key pieces of NBCU; all of the rest (USA Network, Syfy, E!, CNBC, MSNBC, Oxygen and Golf Channel, plus digital businesses Fandango, Rotten Tomatoes and Golf Now) will make up new company Versant.

Versant will be led by CEO Mark Lazarus, chief financial officer and chief operating officer Anand Kini, and chairman David Novak; other senior executives will be plucked from the ranks of NBCUniversal.

Cable channel E! still airs (some) original programming, like Botched Presents: Plastic Surgery Rewind and Honestly Cavallari: The Headline Tour, as well as acquired content. The network recently announced upcoming series Kimora: Back in the Fab Lane and E!’s Dirty Rotten Scandals. The network remains a destination for red-carpet coverage as well as January’s Critics Choice Awards.

Paramount Global Looking To Shutter Both BET And MTV Base Africa In Major Restructure

Paramount Global‘s Africa offices may close, local channels may be shuttered, and staffers’ roles could be impacted, company executives told employees in the region on Tuesday.

The company has been prioritizing investments in its growing streaming business and core global content as it navigates shifts in audience behavior and the macro-economic environment. As part of that, it is reviewing its international pay TV strategy and considering adjustments to its linear channel portfolio in international markets, with a focus on cable brands. Management has also signaled a focus on businesses and regions with the most opportunity for revenue growth.

Tuesday’s news comes as Paramount continues to wait for FCC approval of Skydance Media’s deal to acquire it. THR understands that Paramount has fewer than 100 employees in Africa between its offices in Johannesburg, South Africa and Lagos, Nigeria.

“We are at a point in our journey where we are facing immense industry disruption,” Monde Twala and Craig Paterson, co-general managers of Paramount Africa, said in a staff memo obtained by THR. “Our team is not immune to potential changes as our organization evaluates its pay TV strategy and local channel footprint here in Africa.”

In June, Paramount unveiled further U.S. workforce cuts to the tune of 3.5 percent, following a 15 percent reduction last year. As of the end of 2024, Paramount Global had 18,600 employees worldwide. Co-CEOs George Cheeks, Chris McCarthy and Brian Robbins said in a June memo that the focus was on U.S. headcount but the moves “may also result in some impacts to our workforce outside the U.S. over time.”

Twala and Paterson acknowledged in their staff memo: “Today was incredibly difficult. We want you to know your greatness is seen. We reach out with a heavy heart, but also with immense pride. Your dedication to excellence, creativity and passion for leveraging the power of our content have been the driving force behind our many accomplishments.”

They concluded: “We understand the coming weeks may be tough and feel unsettling. Through it all, please know your efforts are valued beyond measure.”

Captain Planet Live-Action Series In The Works At Netflix

Captain Planet and the Planeteers‘ long-awaited live-action adaptation is getting a big boost — and a major twist. In a competitive situation, Netflix has landed for development Captain Planet, a live-action series based on the cult animated show, Deadline has learned. It hails from Greg Berlanti’s Berlanti Productions, Leonardo DiCaprio’s Appian Way and Warner Bros. Television where Berlanti Prods. is based.

Mrs. Davis co-creator/executive producer Tara Hernandez will be writing the adaptation of the 1990 environmental superhero animated series Captain Planet and the Planeteers, which ran on TBS and in syndication for six seasons.

Appian Way previously spearheaded a live-action feature Captain Planet take. Originally set up at Paramount Pictures in 2016 with Glen Powell co-writing with Jono Matt and potentially starring, the project never materialized, with the rights eventually reverting to Warner Bros. Discovery, though Powell had remained passionate about it as his star rose fast post-Top Gun: Maverick.

Conceived by Ted Turner, Captain Planet and the Planeteers follows five teenagers who tackle environmental disasters with the help of a superhero, Captain Planet. The animated series was produced by DIC Enterprises (Seasons 1-3) and Hanna-Barbera Cartoons (Seasons 4-6).

Berlanti is no stranger to the superhero genre — he built an expansive DC universe at the CW. This marks Berlanti Prods.’ second high-profile live-action series adaptation of a beloved WBD animated property for Netflix, joining the upcoming Scooby-Doo origin series. At Netflix, the company also was behind hit thriller drama series You, co-created by Berlanti.

Berlanti Prods.’ current slate includes NBC’s Brilliant Minds and the CW’s All American. The company’s pipeline also includes horror thriller Stillwater, based on the Skybound comics, which has a series order at Amazon with Berlanti and Carly Wray adapting; mystery Foster Dade in the works at Hulu; Dilettante, starring Jeff Daniels, set up at Apple; and a family drama at HBO Max.

Environmental causes have been at the heart of Appian Way’s documentary slate with projects such as the Emmy-winning The Path Of the Panther, We Are Guardians, Virunga, And We Go Green, Fin, The Loneliest Whale and Ice On Fire as well as the kids animated series Ozi: Voice of the Forest.

After a decade as a writer-producer on The Big Bang Theory and spinoff Young Sheldon, Hernandez co-created with Damon Lindelof and served as an executive producer and showrunner on Peacock’s AI-themed limited series Mrs. Davis. She is repped by WME. Berlanti Prods. is repped by CAA; Appian Way by LBI.