Desa Sangkub 1

<?php
include 'config/koneksi.php';

if (isset($_GET['id'])) {
$id_berita = intval($_GET['id']);

// Increment jumlah dilihat
if (isset($_GET['increment']) && $_GET['increment'] == 'true') {
$increment_query = "UPDATE berita_desa SET jumlah_dilihat = jumlah_dilihat + 1 WHERE id_berita = :id";
$stmt = $pdo->prepare($increment_query);
$stmt->execute(['id' => $id_berita]);
}

// Mengambil detail berita
$detail_query = "SELECT * FROM berita_desa WHERE id_berita = :id";
$stmt = $pdo->prepare($detail_query);
$stmt->execute(['id' => $id_berita]);
$berita_detail = $stmt->fetch(PDO::FETCH_ASSOC);

// Mengambil berita terbaru
$latest_query = "SELECT * FROM berita_desa WHERE status_berita = 'aktif' AND id_berita != :id ORDER BY waktu_berita DESC LIMIT 5";
$latest_stmt = $pdo->prepare($latest_query);
$latest_stmt->execute(['id' => $id_berita]);
$latest_berita = $latest_stmt->fetchAll(PDO::FETCH_ASSOC);
} else {
echo "Berita tidak ditemukan.";
exit;
}
?>

<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?php echo htmlspecialchars($berita_detail['judul_berita']); ?></title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<style>
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
margin: 0;
padding: 20px;
}
.container {
display: flex;
max-width: 1200px;
margin: auto;
background: #fff;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.left-container {
flex: 3; /* Kontainer kiri lebih besar */
padding: 20px;
}
.right-container {
flex: 1; /* Kontainer kanan lebih kecil */
padding: 20px;
border-left: 1px solid #ddd; /* Garis pemisah */
}
.header {
text-align: center;
margin-bottom: 20px;
}
.header h1 {
font-size: 28px;
color: #007bff;
}
.header .meta {
font-size: 14px;
color: #aaa;
margin-top: 5px;
}
.meta span {
margin-right: 15px;
}
.content {
font-size: 18px;
color: #333;
line-height: 1.6;
}
.share-icons {
margin-top: 20px;
}
.share-icons span {
font-weight: bold;
margin-right: 10px;
}
.share-icons a {
text-decoration: none;
color: #333;
margin-right: 15px;
font-size: 20px;
}
.latest-news {
margin-top: 30px;
}
.latest-news h2 {
font-size: 22px;
margin-bottom: 15px;
color: #007bff;
}
.latest-news .news-item {
display: flex;
margin-bottom: 15px;
cursor: pointer; /* Menambahkan pointer saat hover */
}
.latest-news img {
width: 100px;
height: 75px;
object-fit: cover;
border-radius: 5px;
margin-right: 10px;
}
.latest-news .news-info {
flex-grow: 1;
}
.latest-news .news-info h3 {
font-size: 16px;
margin: 0;
color: #333;
max-width: 200px; /* Maksimal lebar 200px */
overflow: hidden; /* Sembunyikan teks yang melampaui */
display: -webkit-box; /* Untuk webkit */
-webkit-box-orient: vertical; /* Orientasi vertikal */
-webkit-line-clamp: 2; /* Batasi menjadi 2 baris */
line-clamp: 2; /* Batasi menjadi 2 baris */
}
.latest-news .news-info .meta {
font-size: 12px;
color: #aaa;
}
.card-date {
background-color: #007bff; /* Biru */
color: white;
padding: 5px 10px;
border-radius: 5px;
font-weight: bold;
display: inline-block;
margin-top: 10px;
}
.back-link {
display: inline-block;
margin-top: 20px;
text-decoration: none;
color: #007bff;
font-weight: bold;
border: 1px solid #007bff;
padding: 10px 15px;
border-radius: 5px;
}
.back-link:hover {
background-color: #007bff;
color: white;
}
img {
width: 100%;
height: auto;
border-radius: 8px;
margin-bottom: 20px;
}
.news-item {
text-decoration: none;
color: #333;
}
</style>
</head>
<body>
<div class="container">
<div class="left-container">
<div class="header">
<h1><?php echo htmlspecialchars($berita_detail['judul_berita']); ?></h1>
<div class="meta">
<span><i class="fas fa-user"></i> Di Tulis Oleh: <?php echo htmlspecialchars($berita_detail['penulis_berita']); ?></span>
<span><i class="fas fa-eye"></i> <?php echo htmlspecialchars($berita_detail['jumlah_dilihat']); ?> Kali di lihat</span>
<span class="card-date"><?php echo date('d M Y', strtotime($berita_detail['waktu_berita'])); ?></span>
</div>
</div>
<img src="<?php echo 'test/' . htmlspecialchars($berita_detail['gambar_berita']); ?>" alt="<?php echo htmlspecialchars($berita_detail['judul_berita']); ?>">
<div class="content">
<p><?php echo nl2br(htmlspecialchars($berita_detail['isi_berita'])); ?></p>
</div>


<div class="share-icons">
<span>Bagikan:</span>
<a href="https://www.facebook.com/sharer/sharer.php?u=<?php echo urlencode('http://yourwebsite.com/detail_berita.php?id=' . $id_berita); ?>" target="_blank">
<i class="fab fa-facebook"></i>
</a>
<a href="https://twitter.com/intent/tweet?url=<?php echo urlencode('http://yourwebsite.com/detail_berita.php?id=' . $id_berita); ?>" target="_blank">
<i class="fab fa-twitter"></i>
</a>
<a href="https://www.linkedin.com/shareArticle?mini=true&url=<?php echo urlencode('http://yourwebsite.com/detail_berita.php?id=' . $id_berita); ?>" target="_blank">
<i class="fab fa-linkedin"></i>
</a>
<a href="https://api.whatsapp.com/send?text=<?php echo urlencode('Baca berita ini: http://yourwebsite.com/detail_berita.php?id=' . $id_berita); ?>" target="_blank">
<i class="fab fa-whatsapp"></i>
</a>
</div>

<a href="berita_desa.php" class="back-link">Kembali ke Berita</a>
</div>

<div class="right-container">
<div class="latest-news">
<h2>Berita Terbaru</h2>
<?php foreach ($latest_berita as $berita): ?>
<a href="detail_berita.php?id=<?php echo $berita['id_berita']; ?>" class="news-item">
<div class="news-item">
<?php if ($berita['gambar_berita']): ?>
<img src="<?php echo 'test/' . htmlspecialchars($berita['gambar_berita']); ?>" alt="<?php echo htmlspecialchars($berita['judul_berita']); ?>">
<?php endif; ?>
<div class="news-info">
<h3><?php echo htmlspecialchars($berita['judul_berita']); ?></h3>
<div class="meta">
<span><?php echo date('d M Y', strtotime($berita['waktu_berita'])); ?></span>
<span><i class="fas fa-eye"></i> <?php echo htmlspecialchars($berita['jumlah_dilihat']); ?> Kali di lihat</span>
</div>
</div>
</div>
</a>
<?php endforeach; ?>
</div>
</div>
</div>
</body>
</html>

Desa Sangkub 1

tes tes berita

Berita Terbaru

tes tes gambar

Rapat Kegiatan Lomba: Ketua Karang Taruna dan Sangadi Sangkub I Munawir Gonibala Bahas Persiapan Acara

Berita Desa: Pelatihan Pengembangan Sistem Informasi Desa di Desa Sangkub 1

Desa Sangkub 1

Kecamatan Sangkub

Kabupaten Bolmong Utara

Provinsi Sulawesi Utara

Kontak Desa

Nomor Telepon Penting

Desa Sangkub 1

Form Pengaduan

tes tes berita

Berita Terbaru

tes tes gambar

Rapat Kegiatan Lomba: Ketua Karang Taruna dan Sangadi Sangkub I Munawir Gonibala Bahas Persiapan Acara

Berita Desa: Pelatihan Pengembangan Sistem Informasi Desa di Desa Sangkub 1

Desa Sangkub 1

Kecamatan Sangkub

Kabupaten Bolmong Utara

Provinsi Sulawesi Utara

Kontak Desa

Nomor Telepon Penting

Media Sosial