Berikut codennya
<section class="container my-5">
<h1 class="h1 pb-4 text-center">Berita Terbaru Perpustakaan</h1>
<div class="row g-3">
<?php
// Query untuk mendapatkan berita utama
$current_news = "SELECT content_id, content_title, content_desc, content_path, is_news, last_update
FROM content
WHERE is_news IS NOT NULL
ORDER BY input_date DESC LIMIT 8";
$current_news_q = $dbs->query($current_news);
if ($current_news_q && $current_news_q->num_rows > 0) {
// Loop untuk menampilkan setiap berita sebagai card
while ($current_news_d = $current_news_q->fetch_assoc()) {
$notes = is_null($current_news_d['content_desc'])
? '<i style="color:#f00;">Tidak ada deskripsi</i>'
: substr($current_news_d['content_desc'], 0, 100) . '...';
// Generate random image ID untuk mendapatkan gambar yang berbeda
$randomImageId = rand(1, 1000);
echo '
<div class="col-md-3 mb-3">
<div class="card shadow-sm">
<img src="https://picsum.photos/id/' . $randomImageId . '/300/200" class="card-img-top" alt="Gambar Berita">
<div class="card-body">
<h5 class="card-title">' . $current_news_d['content_title'] . '</h5>
<p class="card-text">' . $notes . '</p>
<p class="text-muted"><small>Terakhir diperbarui: ' . $current_news_d['last_update'] . '</small></p>
<a href="?p=' . $current_news_d['content_path'] . '" class="btn btn-primary">Baca Selengkapnya</a>
</div>
</div>
</div>';
}
} else {
echo '<p class="text-center">Tidak ada berita utama yang ditemukan.</p>';
}
?>
</div>
</section>
Semoga Bermanfaat.
Salam, Erwan Setyo Budi.