<!doctype html>
<html lang="id">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Transparansi Anggaran Publik - Portal Transparansi</title>
<meta name="description" content="Inisiatif transparansi anggaran: portal online terbuka, laporan belanja rinci, partisipasi masyarakat, audit independen, serta monitoring digital berbasis data.">
<link rel="canonical" href="https://seguridadpublica.es/ads.txt">
<link rel="amphtml" href="https://seguridadpublica.es/ads.txt?amp=1">
<meta property="og:type" content="article">
<meta property="og:title" content="Transparansi Anggaran Publik">
<meta property="og:description" content="Inisiatif transparansi anggaran: portal online terbuka, laporan belanja rinci, partisipasi masyarakat, audit independen, serta monitoring digital berbasis data.">
<meta property="og:url" content="https://seguridadpublica.es/ads.txt">
<meta property="og:image" content="">
<style>
:root{--gap:24px;--border:#d0d0d0;--muted:#666;--black:#111;--panel:#eee}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;line-height:1.6;background:#fff;margin:0;padding:0}
.container{max-width:1180px;margin:0 auto;padding:0 16px}
.wrap{display:flex;gap:var(--gap)}
.main{flex:1 1 0}
.aside{width:320px}
.card{border:1px solid var(--border);border-radius:12px;padding:16px;background:#fff}
.meta{color:var(--muted);font-size:.9rem;margin:.25rem 0 1rem}
img{max-width:100%;height:auto}
ul{padding-left:18px}
.widgets .card + .card{margin-top:var(--gap)}
@media (max-width:900px){.wrap{flex-direction:column}.aside{width:auto}}
.topbar{background:#000;height:32px}
.brand-wrap{background:#f5f5f5;border-bottom:1px solid var(--border)}
.brand{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand-left{display:flex;align-items:center;gap:12px}
.brand-logo{display:block;line-height:0}
.brand-text strong{display:block;font-size:1.1rem;color:#333}
.brand-text small{color:var(--muted)}
.nav ul{
list-style:none;
margin:0;
padding:0;
display:flex;
gap:8px;
}
.nav a{
display:block;
padding:10px 16px;
text-decoration:none;
color:#333;
border-radius:6px;
transition:background-color 0.3s;
}
.nav a:hover{
background:#e9ecef;
}
.hamburger{display:none}
.mobile-nav{display:none}
@media (max-width:768px){
.nav{display:none}
.hamburger{
display:flex;
background:#333;
border:none;
border-radius:4px;
padding:8px;
cursor:pointer;
flex-direction:column;
justify-content:center;
align-items:center;
width:40px;
height:32px;
}
.hamburger span{
display:block;
width:20px;
height:2px;
background:#fff;
margin:2px 0;
transition:0.3s;
}
.mobile-nav{
display:none;
position:absolute;
top:100%;
right:0;
background:#464646;
min-width:250px;
box-shadow:0 4px 6px rgba(0,0,0,0.1);
z-index:1000;
}
.mobile-nav.active{
display:block;
}
.mobile-nav ul{
list-style:none;
margin:0;
padding:0;
}
.mobile-nav li{
border-bottom:1px solid #3d6b4a;
}
.mobile-nav a{
display:block;
padding:16px 20px;
color:#fff;
text-decoration:none;
transition:background-color 0.3s;
}
.mobile-nav a:hover{
background:#3d6b4a;
}
.brand{position:relative}
}
</style>
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"Article",
"headline":"Transparansi Anggaran Publik","description":"Inisiatif transparansi anggaran: portal online terbuka, laporan belanja rinci, partisipasi masyarakat, audit independen, serta monitoring digital berbasis data.",
"datePublished":"2025-08-17","dateModified":"2025-08-17",
"author":{"@type":"Person","name":"Admin"},
"publisher":{"@type":"Organization","name":"Portal Transparansi",
"logo":{"@type":"ImageObject","url":"\/logo.png"}},
"image":[""],
"mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/seguridadpublica.es\/ads.txt"}}
</script>
</head>
<body>
<div class="topbar"></div>
<div class="brand-wrap">
<div class="container">
<div class="brand">
<div class="brand-left">
<a class="brand-logo" href="/"><img src="/logo.png" width="60" height="20" alt="Portal Transparansi"></a>
<div class="brand-text">
<strong>Portal Transparansi</strong>
<small>Anggaran Terbuka, Publik Percaya.</small>
</div>
</div>
<nav class="nav">
<ul>
<li><a href="/about/">About Us</a></li><li><a href="/APK/">APK</a></li><li><a href="/publications/">Publications</a></li><li><a href="/support/">Support</a></li> </ul>
</nav>
<button class="hamburger" onclick="toggleMobileMenu()" aria-label="Menu">
<span></span>
<span></span>
<span></span>
</button>
<div class="mobile-nav" id="mobileNav">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/about/">About Us</a></li>
<li><a href="/APK/">APK</a></li>
<li><a href="/publications/">Publications</a></li>
<li><a href="/support/">Support</a></li>
</ul>
</div>
</div>
</div>
</div>
<script>
function toggleMobileMenu() {
const nav = document.getElementById('mobileNav');
nav.classList.toggle('active');
}
// Close mobile menu when clicking outside
document.addEventListener('click', function(event) {
const nav = document.getElementById('mobileNav');
const hamburger = document.querySelector('.hamburger');
if (!nav.contains(event.target) && !hamburger.contains(event.target)) {
nav.classList.remove('active');
}
});
</script>
<div class="container" style="margin:24px auto">
<div class="wrap">
<div class="main">
<article class="card" id="article-content" data-url="https://seguridadpublica.es/ads.txt">
<h1>Transparansi Anggaran Publik</h1>
<div class="meta">
<time datetime="2025-08-17">17 Aug 2025</time>
· oleh Admin </div>
<div class="artikel-content">
<p>Transparansi anggaran menjadi pilar utama. Pemerintah wajib membuka data belanja. Portal daring memberi akses publik. Laporan dibuat detail dan jelas. Semua untuk akuntabilitas fiskal.</p>
<p>Laporan belanja disusun rinci. Setiap item dicatat akurat. Pagu anggaran dibandingkan realisasi. Grafik visual memudahkan pemahaman. Publik bisa menilai efektivitas.</p>
<p>Partisipasi masyarakat diperkuat. Warga diajak memberi masukan. Forum konsultasi rutin diadakan. Media sosial jadi sarana interaksi. Keterlibatan publik makin nyata.</p>
<p>Audit independen digalakkan. Lembaga eksternal diberi mandat. Hasil audit diumumkan terbuka. Rekomendasi wajib ditindaklanjuti. Kepercayaan publik meningkat tinggi.</p>
<p>Monitoring digital jadi solusi. Dashboard real-time dipakai pejabat. Indikator kinerja terlihat jelas. Potensi penyimpangan bisa cepat dicegah. Efisiensi anggaran terjamin baik.</p> </div>
<!-- Bagian sharing social media -->
<div class="artikel-sharing" style="margin-top:32px;padding-top:24px;border-top:1px solid var(--border);">
<h4 style="margin-bottom:16px;color:var(--muted);">Bagikan Artikel:</h4>
<div style="display:flex;gap:12px;flex-wrap:wrap;">
<a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fseguridadpublica.es%2Fads.txt"
target="_blank" rel="noopener"
style="display:inline-flex;align-items:center;padding:8px 16px;background:#1877f2;color:#fff;text-decoration:none;border-radius:6px;font-size:14px;">
📘 Facebook
</a>
<a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fseguridadpublica.es%2Fads.txt&text=Transparansi+Anggaran+Publik"
target="_blank" rel="noopener"
style="display:inline-flex;align-items:center;padding:8px 16px;background:#1da1f2;color:#fff;text-decoration:none;border-radius:6px;font-size:14px;">
🐦 Twitter
</a>
<a href="https://api.whatsapp.com/send?text=Transparansi+Anggaran+Publik+-+https%3A%2F%2Fseguridadpublica.es%2Fads.txt"
target="_blank" rel="noopener"
style="display:inline-flex;align-items:center;padding:8px 16px;background:#25d366;color:#fff;text-decoration:none;border-radius:6px;font-size:14px;">
💬 WhatsApp
</a>
<a href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fseguridadpublica.es%2Fads.txt"
target="_blank" rel="noopener"
style="display:inline-flex;align-items:center;padding:8px 16px;background:#0077b5;color:#fff;text-decoration:none;border-radius:6px;font-size:14px;">
💼 LinkedIn
</a>
</div>
</div>
<!-- Bagian navigasi artikel -->
<div class="artikel-navigation" style="margin-top:32px;padding-top:24px;border-top:1px solid var(--border);">
<div style="display:flex;justify-content:space-between;gap:16px;">
<div style="flex:1;">
<small style="color:var(--muted);display:block;margin-bottom:8px;">Artikel Sebelumnya</small>
<a href="#" style="color:#333;text-decoration:none;font-weight:500;">
← Judul Artikel Sebelumnya
</a>
</div>
<div style="flex:1;text-align:right;">
<small style="color:var(--muted);display:block;margin-bottom:8px;">Artikel Selanjutnya</small>
<a href="#" style="color:#333;text-decoration:none;font-weight:500;">
Judul Artikel Selanjutnya →
</a>
</div>
</div>
</div>
</article>
</div>
<!-- Sidebar untuk artikel -->
<aside class="aside widgets">
<div class="card">
<h3 style="margin-top:0;color:#333;border-bottom:2px solid #28a745;padding-bottom:8px;">
📚 Arsip Artikel
</h3>
<!-- Arsip berdasarkan bulan -->
<div class="arsip-bulan" style="margin-bottom:24px;">
<h4 style="color:#666;font-size:14px;margin-bottom:12px;text-transform:uppercase;">Berdasarkan Bulan</h4>
<ul style="list-style:none;padding:0;margin:0;">
<li style="margin-bottom:8px;">
<a href="/2025/08/"
style="color:#333;text-decoration:none;display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8f9fa;border-radius:4px;transition:all 0.3s ease;">
<span>Agustus 2025</span>
<small style="color:var(--muted);">→</small>
</a>
</li>
<li style="margin-bottom:8px;">
<a href="/2025/07/"
style="color:#333;text-decoration:none;display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8f9fa;border-radius:4px;transition:all 0.3s ease;">
<span>Juli 2025</span>
<small style="color:var(--muted);">→</small>
</a>
</li>
<li style="margin-bottom:8px;">
<a href="/2025/06/"
style="color:#333;text-decoration:none;display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8f9fa;border-radius:4px;transition:all 0.3s ease;">
<span>Juni 2025</span>
<small style="color:var(--muted);">→</small>
</a>
</li>
</ul>
</div>
<!-- Artikel terbaru dari folder -->
<!-- Widget pencarian arsip -->
<div style="margin-top:24px;padding:16px;background:#e8f5e8;border-radius:6px;border:1px solid #c3e6c3;">
<h5 style="margin:0 0 12px 0;color:#155724;">🔍 Cari Artikel</h5>
<form method="GET" action="/search/" style="display:flex;gap:8px;">
<input type="text"
name="q"
placeholder="Kata kunci..."
style="flex:1;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px;">
<button type="submit"
style="padding:8px 12px;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;">
Cari
</button>
</form>
</div>
</div>
<style>
.arsip-bulan a:hover {
background: #e3f2fd !important;
color: #1976d2 !important;
transform: translateX(4px);
}
.arsip-item:hover {
background: #e8f5e8 !important;
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
transition: all 0.3s ease;
}
.arsip-item h5 a:hover {
color: #28a745 !important;
}
@media (max-width: 768px) {
.arsip-item {
margin-bottom: 12px !important;
padding: 8px !important;
}
.arsip-bulan a {
padding: 6px 8px !important;
}
}
</style>
<div class="card asb-backlinks">
<h3 class="asb-title">🔗 Baca Juga Artikel Terkait</h3>
<ul class="asb-links">
<li class="asb-item">
<a href="https://spinslot88.me/" target="_blank" rel="nofollow noopener" class="asb-link">Spinslot88</a>
<small class="asb-host">🌐 spinslot88.me</small>
</li>
<li class="asb-item">
<a href="https://selamatbet-official.com/" target="_blank" rel="nofollow noopener" class="asb-link">Selamatbet</a>
<small class="asb-host">🌐 selamatbet-official.com</small>
</li>
<li class="asb-item">
<a href="https://danasukses.com/demo/" target="_blank" rel="nofollow noopener" class="asb-link">Jaya Slot</a>
<small class="asb-host">🌐 danasukses.com</small>
</li>
<li class="asb-item">
<a href="https://selamatqq.org/" target="_blank" rel="nofollow noopener" class="asb-link">Selamatqq</a>
<small class="asb-host">🌐 selamatqq.org</small>
</li>
<li class="asb-item">
<a href="https://lintaskalimantan.co/link-gacor/" target="_blank" rel="nofollow noopener" class="asb-link">Slot Gacor</a>
<small class="asb-host">🌐 lintaskalimantan.co</small>
</li>
<li class="asb-item">
<a href="https://danasukses.com/dana/" target="_blank" rel="nofollow noopener" class="asb-link">Slot Dana</a>
<small class="asb-host">🌐 danasukses.com</small>
</li>
</ul>
<div class="asb-partner">
<small class="asb-partner-text">
💡 Ingin berpartner dengan kami?
<a href="/contact" class="asb-partner-link">Hubungi kami</a>
</small>
</div>
</div>
<style>
/* Scoping pakai prefix .asb- biar nggak bentrok */
.asb-backlinks { padding: 12px 14px; border-radius: 8px; }
.asb-title { margin:0 0 10px 0; color:#333; padding-bottom:8px; border-bottom:2px solid #007bff; font-size:18px; }
.asb-links { list-style:none; padding-left:0; margin:0 0 10px 0; }
.asb-item { margin:0 0 10px 0; padding:10px 12px; background:#f8f9fa; border-radius:6px; border-left:4px solid #007bff; transition:all .25s ease; }
.asb-item:hover { background:#e3f2fd; transform:translateX(4px); }
.asb-link { color:#333; text-decoration:none; font-weight:500; display:block; }
.asb-link:hover { color:#007bff; }
.asb-host { color:#007bff; font-size:12px; display:block; margin-top:4px; }
.asb-partner { margin-top:12px; padding:12px; background:#e3f2fd; border-radius:6px; border:1px solid #bbdefb; }
.asb-partner-text { color:#1976d2; font-weight:500; }
.asb-partner-link { color:#1976d2; }
.asb-empty { color:#6c757d; margin:0; }
@media (max-width:768px){ .asb-item{margin-bottom:8px; padding:8px;} .asb-title{font-size:16px;} }
</style>
<!-- Widget tambahan -->
<div class="card">
<h3 style="margin-top:0;color:#333;border-bottom:2px solid #dc3545;padding-bottom:8px;">
📢 Newsletter
</h3>
<p style="color:#666;font-size:14px;margin-bottom:16px;">
Dapatkan update artikel terbaru langsung ke email Anda!
</p>
<form style="display:flex;flex-direction:column;gap:12px;">
<input type="email"
placeholder="Email Anda..."
style="padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;">
<button type="submit"
style="padding:10px;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;">
🚀 Berlangganan
</button>
</form>
</div>
</aside>
</div>
</div>
<!-- FOOTER SOCIAL MEDIA -->
<!-- FOOTER MAIN -->
<footer style="background:#2c3e50;color:#ecf0f1;padding:40px 0 20px;">
<div class="container">
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px;margin-bottom:32px;">
<!-- Kolom 1: Tentang Website -->
<div>
<h4 style="color:#3498db;margin-bottom:16px;font-size:18px;">
🌐 Portal Transparansi </h4>
<p style="color:#bdc3c7;line-height:1.6;margin-bottom:16px;">
Website profesional yang menyediakan informasi berkualitas dan layanan terbaik untuk kebutuhan digital Anda.
</p>
</div>
<!-- Kolom 2-5: Link Footer -->
<div>
<h5 style="color:#3498db;margin-bottom:16px;font-size:16px;">
Tentang </h5>
<ul style="list-style:none;padding:0;margin:0;">
<li style="margin-bottom:8px;">
<a href="/about/"
style="color:#bdc3c7;text-decoration:none;font-size:14px;transition:color 0.3s ease;">
Tentang Kami </a>
</li>
<li style="margin-bottom:8px;">
<a href="/team/"
style="color:#bdc3c7;text-decoration:none;font-size:14px;transition:color 0.3s ease;">
Tim </a>
</li>
<li style="margin-bottom:8px;">
<a href="/career/"
style="color:#bdc3c7;text-decoration:none;font-size:14px;transition:color 0.3s ease;">
Karir </a>
</li>
<li style="margin-bottom:8px;">
<a href="/contact/"
style="color:#bdc3c7;text-decoration:none;font-size:14px;transition:color 0.3s ease;">
Kontak </a>
</li>
</ul>
</div>
<div>
<h5 style="color:#3498db;margin-bottom:16px;font-size:16px;">
Layanan </h5>
<ul style="list-style:none;padding:0;margin:0;">
<li style="margin-bottom:8px;">
<a href="/services/web-development/"
style="color:#bdc3c7;text-decoration:none;font-size:14px;transition:color 0.3s ease;">
Web Development </a>
</li>
<li style="margin-bottom:8px;">
<a href="/services/seo/"
style="color:#bdc3c7;text-decoration:none;font-size:14px;transition:color 0.3s ease;">
SEO Optimization </a>
</li>
<li style="margin-bottom:8px;">
<a href="/services/content/"
style="color:#bdc3c7;text-decoration:none;font-size:14px;transition:color 0.3s ease;">
Content Writing </a>
</li>
<li style="margin-bottom:8px;">
<a href="/services/consultation/"
style="color:#bdc3c7;text-decoration:none;font-size:14px;transition:color 0.3s ease;">
Konsultasi </a>
</li>
</ul>
</div>
<div>
<h5 style="color:#3498db;margin-bottom:16px;font-size:16px;">
Resources </h5>
<ul style="list-style:none;padding:0;margin:0;">
<li style="margin-bottom:8px;">
<a href="/blog/"
style="color:#bdc3c7;text-decoration:none;font-size:14px;transition:color 0.3s ease;">
Blog </a>
</li>
<li style="margin-bottom:8px;">
<a href="/tutorial/"
style="color:#bdc3c7;text-decoration:none;font-size:14px;transition:color 0.3s ease;">
Tutorial </a>
</li>
<li style="margin-bottom:8px;">
<a href="/download/"
style="color:#bdc3c7;text-decoration:none;font-size:14px;transition:color 0.3s ease;">
Download </a>
</li>
<li style="margin-bottom:8px;">
<a href="/faq/"
style="color:#bdc3c7;text-decoration:none;font-size:14px;transition:color 0.3s ease;">
FAQ </a>
</li>
</ul>
</div>
<div>
<h5 style="color:#3498db;margin-bottom:16px;font-size:16px;">
Legal </h5>
<ul style="list-style:none;padding:0;margin:0;">
<li style="margin-bottom:8px;">
<a href="/privacy/"
style="color:#bdc3c7;text-decoration:none;font-size:14px;transition:color 0.3s ease;">
Privacy Policy </a>
</li>
<li style="margin-bottom:8px;">
<a href="/terms/"
style="color:#bdc3c7;text-decoration:none;font-size:14px;transition:color 0.3s ease;">
Terms of Service </a>
</li>
<li style="margin-bottom:8px;">
<a href="/cookies/"
style="color:#bdc3c7;text-decoration:none;font-size:14px;transition:color 0.3s ease;">
Cookie Policy </a>
</li>
<li style="margin-bottom:8px;">
<a href="/disclaimer/"
style="color:#bdc3c7;text-decoration:none;font-size:14px;transition:color 0.3s ease;">
Disclaimer </a>
</li>
</ul>
</div>
</div>
<!-- Divider -->
<div style="border-top:1px solid #34495e;padding-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;">
<div style="color:#95a5a6;font-size:14px;">
© Portal Transparansi 2025. All rights reserved.
</div>
<div style="display:flex;gap:16px;flex-wrap:wrap;">
<a href="/sitemap.xml" style="color:#95a5a6;text-decoration:none;font-size:14px;">Sitemap</a>
<a href="/rss.xml" style="color:#95a5a6;text-decoration:none;font-size:14px;">RSS</a>
<a href="/privacy/" style="color:#95a5a6;text-decoration:none;font-size:14px;">Privacy</a>
<a href="/terms/" style="color:#95a5a6;text-decoration:none;font-size:14px;">Terms</a>
</div>
</div>
</div>
</footer>
<!-- Back to Top Button -->
<button id="backToTop"
style="position:fixed;bottom:20px;right:20px;width:50px;height:50px;background:#3498db;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:18px;display:none;z-index:1000;box-shadow:0 4px 8px rgba(0,0,0,0.2);transition:all 0.3s ease;"
onclick="scrollToTop()"
title="Kembali ke atas">
↑
</button>
<script>
// Back to Top functionality
window.addEventListener('scroll', function() {
const backToTop = document.getElementById('backToTop');
if (window.pageYOffset > 300) {
backToTop.style.display = 'block';
} else {
backToTop.style.display = 'none';
}
});
function scrollToTop() {
window.scrollTo({
top: 0,
behavior: 'smooth'
});
}
// Hover effects for social buttons
document.querySelectorAll('.social-btn').forEach(btn => {
btn.addEventListener('mouseenter', function() {
this.style.transform = 'translateY(-2px)';
});
btn.addEventListener('mouseleave', function() {
this.style.transform = 'translateY(0)';
});
});
// Footer link hover effects
document.querySelectorAll('footer a').forEach(link => {
link.addEventListener('mouseenter', function() {
this.style.color = '#3498db';
});
link.addEventListener('mouseleave', function() {
this.style.color = '#bdc3c7';
});
});
</script>
<script>
(function(){
const containerSelector = '#article-content';
// Delegasi klik dari sidebar arsip
document.addEventListener('click', function(e){
const a = e.target.closest('a.js-arsip-link');
if(!a) return;
e.preventDefault();
loadIntoContent(a.href);
});
// Back/forward browser
window.addEventListener('popstate', function(){
loadIntoContent(location.href, true);
});
async function loadIntoContent(url, isPop){
const holder = document.querySelector(containerSelector);
if(!holder){ location.href = url; return; } // fallback
holder.style.opacity = 0.5;
try{
const res = await fetch(url, {headers:{'X-Requested-With':'fetch'}});
const html = await res.text();
const doc = new DOMParser().parseFromString(html, 'text/html');
const next = doc.querySelector(containerSelector);
if(!next){ location.href = url; return; }
// Replace konten
holder.replaceWith(next);
// Update <title> & meta description
const t = doc.querySelector('title');
if(t) document.title = t.textContent;
const newDesc = doc.querySelector('meta[name="description"]');
const curDesc = document.querySelector('meta[name="description"]');
if(newDesc && curDesc){
curDesc.setAttribute('content', newDesc.getAttribute('content') || '');
}
if(!isPop) history.pushState({}, '', url);
}catch(err){
console.error(err);
location.href = url; // fallback kalau error
}finally{
const fresh = document.querySelector(containerSelector);
if(fresh) fresh.style.opacity = 1;
}
}
})();
</script>
</body>
</html>