SC Blog HTML — Template Blog Profesional dengan Slot Google AdSense (Bootstrap 5)

SC Blog HTML adalah template blog profesional berbahasa Indonesia yang siap dimonetisasi dengan Google AdSense. Desainnya bersih dan editorial, fokus pada kenyamanan membaca, SEO, dan kecepatan. Cocok untuk blog teknologi, tutorial, berita, dan situs konten. Dibangun dengan HTML5, CSS3, Bootstrap 5.3, Bootstrap Icons, dan JavaScript vanilla, tanpa jQuery dan tanpa build tool.

Halaman detail artikel yang matang (halaman utama dari Google Search):

• Breadcrumb, kategori, judul H1, subjudul, foto dan nama penulis, tanggal terbit & diperbarui, estimasi waktu baca, tombol bagikan dan salin tautan.
• Kolom baca maksimal 760px, font 18px dengan line-height 1.8, gaya lengkap untuk H2/H3, list, blockquote, tabel, gambar + caption, code block dengan tombol salin, dan kotak info/peringatan.
• Daftar isi otomatis dari H2/H3: menempel di sidebar desktop dengan penanda bagian yang sedang dibaca, dan bisa dilipat di HP.
• Progress baca, author box, tag, navigasi artikel sebelumnya/berikutnya, dan artikel terkait.

9 slot Google AdSense di posisi strategis: leaderboard di bawah header, di antara daftar artikel, sidebar 300×250, sebelum konten, awal artikel, tengah artikel, setelah artikel, sidebar artikel, dan sticky bawah khusus HP.

• Ruang iklan dipesan sejak awal (min-height) sehingga halaman tidak bergeser saat iklan dimuat (anti-CLS), dan lebarnya selalu mengikuti kontainer.
• Cukup isi ID penerbit (ca-pub-…) dan ID unit di ads.js, skrip AdSense dimuat otomatis. Bisa juga menempel kode resmi langsung ke slot.
• Semua atau sebagian slot bisa dimatikan lewat konfigurasi JavaScript atau satu class CSS.
• Sticky ad HP mati secara default, bisa ditutup pengunjung, dan tidak menutupi konten maupun tombol. Placeholder tidak meniru iklan sungguhan, dan tidak ada skrip yang memancing klik.

Halaman (8): Beranda (topbar, header sticky dengan dropdown & offcanvas, artikel unggulan, artikel terbaru format list, artikel populer bernomor, section per kategori, newsletter), Detail Artikel, Kategori (dengan pagination dan judul mengikuti ?kategori=), Pencarian (kata kunci, jumlah hasil, sorotan kata kunci), About, Contact (formulir dengan validasi), Privacy Policy (sudah memuat bagian cookie Google AdSense), dan Disclaimer.

SEO & performa: semantic HTML5, meta description, canonical, Open Graph, Twitter Card, structured data JSON-LD (BlogPosting, BreadcrumbList, WebSite + pencarian, Organization), halaman pencarian noindex, tanpa meta keywords. Gambar WebP dengan width/height, lazy loading di bawah fold, preload gambar utama, semua JavaScript defer. Lolos html-validate, tanpa scroll horizontal di lebar 375, 768, 1024, dan 1440 px, tanpa error JavaScript.

Siap dijadikan CMS: CSS dan JavaScript terpisah, tanpa inline CSS, komponen kartu dan slot iklan konsisten. README menjelaskan cara memecah template menjadi view CodeIgniter 3 atau CMS PHP lain.

Catatan: ini template frontend (HTML statis) tanpa backend. Formulir kontak dan newsletter masih mode demo. Bootstrap, Bootstrap Icons, dan Google Fonts dimuat dari CDN, jadi perlu koneksi internet.

Isi paket: 8 halaman HTML, style.css, main.js, toc.js, ads.js, logo, ilustrasi artikel dan avatar penulis orisinal (WebP), README, LICENSE, dan NOTICE. Ukuran sekitar 0,3 MB.

Lisensi: gratis untuk semua member sharecode.id. Boleh dipakai untuk blog sendiri maupun klien tanpa batas jumlah, termasuk blog yang dimonetisasi, dan boleh menarik biaya jasa. Dilarang menjual atau membagikan ulang template ini sebagai template/produk. Atribusi "Template SC Blog oleh sharecode.id" di footer wajib dipertahankan (detail di LICENSE.md).