ADVERTISEMENT
970x220
Manila Bulletin devider Philippines devider National devider Manila Bulletin unveils new website

Manila Bulletin unveils new website

Dynamic new features combine the power of traditional websites and social media

Published Apr 2, 2023 09:38 am
With the advent of ever-evolving technology, the Covid-19 pandemic, and other factors that affect our lives, studies have shown that there is a shift in the way readers consume news. In fact, in the Philippines, the 2022 Reuters Institute Digital News Report states that there is a steady growth in online news consumption, where readers get their news on the internet and social media. With this in mind, the Manila Bulletin, a 123-year-old news company, has combined the features of traditional online news sites and social media to give its readers a fresh, dynamic experience through its new website.

Streamlined design and navigation

With everything happening online and offline, the Manila Bulletin produces hundreds of stories daily to deliver important news and updates that Filipinos should know about. The company acknowledges that it would be a challenge for readers to keep up with all of it. That is why its new website is created with a streamlined design and better navigation features. One of the page’s new highlights is the dynamic live updates board. Powered by headless CMS technology, this board automatically updates its list whenever Manila Bulletin publishes breaking, developing, and currently trending stories across all of its sections. It can also be changed to whenever there are special occasions, events, or big news happening, such as the election or Olympic games, so readers can easily get the latest updates without drowning in all other news and stories on the website.

Multimedia news in one stop

As the most trusted newspaper company in the Philippines, according to the same report from Reuters, the Manila Bulletin wants to serve its readers better by giving them the best of news sites and social media. After all, the report also stated that Filipinos get and share news on social media like Facebook and Tiktok. Hence, the new website has dedicated spaces for video stories in both portrait and landscape views. TikTok and other short video content platform lovers can enjoy watching full vertical videos or viral stories on social media, the latest news here and abroad, or even the latest in the entertainment scene without leaving the Manila Bulletin website. To help combat fake news on video, the new Stories section is designed to highlight verified content, furthering its commitment to providing younger Filipinos with credible, informative, and uplifting stories today. Meanwhile, YouTube and traditional TV format media consumers can get the latest happenings under the MBTV section. Here, the landscape format of news videos or “Kapihan sa MB” from MB’s Facebook page and YouTube channel can be optimally enjoyed. With 36 million unique viewers and readers not just in the Philippines but across the globe, all of these—through this new website, its daily newspaper print copies, and various social media platforms—the Manila Bulletin continues to inform, inspire, and empower not just today but also future generations of readers. Visit Manila Bulletin’s website at [www.mb.com.ph](http://www.mb.com.ph).

Related Tags

Manila Bulletin MB Online MB website New MB website
ADVERTISEMENT
300x250
.most-popular .layout-ratio{ padding-bottom: 79.13%; } @media (min-width: 768px) and (max-width: 1024px) { .widget-title { font-size: 15px !important; } }

{{ articles_filter_1561_widget.title }}

{{ item.title }}
.most-popular .layout-ratio{ padding-bottom: 79.13%; } @media (min-width: 768px) and (max-width: 1024px) { .widget-title { font-size: 15px !important; } }

{{ articles_filter_1562_widget.title }}

{{ item.title }}
.most-popular .layout-ratio{ padding-bottom: 79.13%; } @media (min-width: 768px) and (max-width: 1024px) { .widget-title { font-size: 15px !important; } }

{{ articles_filter_1563_widget.title }}

{{ item.title }}

{{ articles_filter_1564_widget.title }}

{{ item.title }}
.mb-article-details { position: relative; } .mb-article-details .article-body-preview, .mb-article-details .article-body-summary{ font-size: 17px; line-height: 30px; font-family: "Libre Caslon Text", serif; color: #000; } .mb-article-details .article-body-preview iframe , .mb-article-details .article-body-summary iframe{ width: 100%; margin: auto; } .read-more-background { background: linear-gradient(180deg, color(display-p3 1.000 1.000 1.000 / 0) 13.75%, color(display-p3 1.000 1.000 1.000 / 0.8) 30.79%, color(display-p3 1.000 1.000 1.000) 72.5%); position: absolute; height: 200px; width: 100%; bottom: 0; display: flex; justify-content: center; align-items: center; padding: 0 72px 0 12px; } .read-more-background a{ color: #000; } .read-more-btn { padding: 17px 45px; font-family: Inter; font-weight: 700; font-size: 18px; line-height: 16px; text-align: center; vertical-align: middle; border: 1px solid black; background-color: white; } li:empty { display: none; } .hidden { display: none; }
function showArticleBody(button) { const article = button.closest("article"); const summary = article.querySelector(".article-body-summary"); const body = article.querySelector(".article-body-preview"); const readMoreSection = article.querySelector(".read-more-background"); // Hide summary and read-more section summary.style.display = "none"; readMoreSection.style.display = "none"; // Show the full article body body.classList.remove("hidden"); } document.addEventListener("DOMContentLoaded", () => { let loadCount = 0; // Track how many times articles are loaded const offset = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; // The two offset values // changed to 10 from 1 , 2 const currentUrl = window.location.pathname.substring(1); let isLoading = false; // Prevent multiple calls if (!currentUrl) { console.log("Current URL is invalid."); return; } function isNearBottom() { return window.innerHeight + window.scrollY >= document.documentElement.scrollHeight - 100; } function onScroll() { if (isLoading) return; // Skip if already loading if (isNearBottom()) { if (loadCount >= offset.length) { console.log("Maximum load attempts reached."); window.removeEventListener("scroll", onScroll); return; } isLoading = true; // Set flag to prevent multiple calls const currentOffset = offset[loadCount]; window.loadMoreItems().then(() => { loadCount++; // Increment only after successful execution }).catch(error => { console.error("Error loading more items:", error); }).finally(() => { isLoading = false; // Reset flag after execution }); } } window.addEventListener("scroll", onScroll); }); // Mutation Observer for Newly Loaded Articles const observer = new MutationObserver(() => { const articles = document.querySelectorAll(".articles-observe"); if (articles.length > 0) { observeArticles(articles); } }); observer.observe(document.body, { childList: true, subtree: true }); // Intersection Observer for Updating URL function observeArticles(articles) { const intersectionObserver = new IntersectionObserver( (entries) => { entries.forEach((entry) => { if (entry.isIntersecting) { const newUrl = entry.target.getAttribute("data-url"); if (newUrl) { history.pushState(null, null, newUrl); } } }); }, { threshold: 0.1 } ); articles.forEach(article => intersectionObserver.observe(article)); }
Join Our Newsletters

Sign up by email to receive news.

© 2025 Manila Bulletin The Nation's Leading Newspaper. All Rights Reserved.