alpinjolala / PustakaKu_Blogger-Templates
git clone https://github.com/alpinjolala/PustakaKu_Blogger-Templates.git
Bagi yang kesulitan memperoleh template landing page untuk perpustakaan, berikut saya persembahkan template sederhana yang dapat digunakan oleh Bapak/ibu/pustakawan. Semoga bermanfaat 🙌
+38
stars, 24h · #1,023
+38
stars, 7 days · #5,047
+38
stars, 30 days · #16,869
38
★ total · +38% this week
2
forks · 0 open issues
Star history starts 2026-10-23; the chart appears after the second daily snapshot.
License—
Created2026-10-22 (today)
Last pushtoday
Watchers0
OwnerUser
GitHub topics
bloggerblogger-templateblogger-templatesbloggertemplateslanding-page-for-librarylanding-page-librarylanding-page-perpustakaanlanding-page-templatelibrary-bloggerlibrary-template-for-librarylibrary-templatestema-blogger-untuk-perpustakaantema-perpustakaantema-perpustakaan-untuk-bloggertemplates
Links
- GitHub: github.com/alpinjolala/PustakaKu_Blogger-Templates
- Homepage: https://www.pustakaku.muhalfinramadhan.web.id/
- Releases · Issues · Hacker News mentions
README excerpt
# PustakaKu - Template Blogger Web Perpustakaan Sekolah **PustakaKu** adalah template Blogger responsif dan modern yang dirancang khusus untuk website perpustakaan sekolah. Dilengkapi dengan desain antarmuka yang bersih (biru & oranye), mode gelap (dark mode), integrasi pencarian OPAC (Online Public Access Catalog), dan manajemen koleksi buku berbasis label Blogger. Dibuat oleh: **Muhammad Alfin Ramadhan, M.A.** Versi: **1.0.0** 🔗 **Lihat Demo Template PustakaKu** ## 📸 Cuplikan Tampilan (Screenshots) *Berikut adalah cuplikan antarmuka dari template PustakaKu:* **Tampilan Utama / Hero Section** **Dashboard Utama** **Tampilan Jelajah Koleksi & Slider Buku** ## ✨ Fitur Utama * **Desain Modern & Responsif:** Tampil sempurna di desktop, tablet, dan smartphone. * **Mode Gelap (Dark Mode):** Dilengkapi tombol *toggle* dengan penyimpanan preferensi (Local Storage). * **Integrasi Pencarian OPAC & Blog:** Form pencarian ganda (Tab) di halaman depan untuk mencari buku di katalog perpustakaan eksternal atau mencari artikel di blog. * **Menu Navigasi Canggih:** Mendukung Sub-menu (Dropdown) dan Mega Menu berbasis Label. * **Koleksi Buku & Slider:** Tampilan ala rak buku untuk label koleksi dengan fitur *swipe/scroll* horizontal. * **Statistik Perpustakaan Animatif:** Angka statistik yang menghitung otomatis saat di-scroll (Reveal on scroll). * **SEO & Meta Tags Ready:** Otomatis menghasilkan meta *Open Graph* dan *Twitter Card*. * **Widget Jam Layanan Dinamis:** Menampilkan status "Buka/Tutup" secara *real-time* berdasarkan hari dan jam. * **Tombol Berbagi (Share):** WhatsApp, Facebook, X (Twitter), Telegram, dan Salin Tautan. * **Optimasi Kecepatan:** *Lazy load* gambar, ikon menggunakan SVG Sprite, dan kustomisasi CSS minimalis. * **Slot Iklan Siap Pakai:** Tersedia area iklan di atas, dalam postingan, dan atas footer. * **Halaman 404 Kustom:** Halaman error khusus jika link tidak ditemukan. ## 🚀 Panduan Instalasi 1. Login ke dasbor Blogger. 2. Pilih blog perpustakaan Anda. 3. Masuk ke menu **Tema (Theme)**. 4. Klik tombol ikon panah ke bawah di sebelah tombol *Sesuaikan* (Customize), lalu pilih **Pulihkan (Restore)**. 5. Klik **Upload** dan pilih file `PustakaKu-Perpustakaan-Sekolah.xml`. 6. Tunggu hingga proses upload selesai. > **Penting:** Pastikan untuk mengatur **Setelan -> Format -> Zona Waktu** ke Waktu Indonesia Barat/Tengah/Timur agar widget Jam Layanan berfungsi akurat. ## ⚙️ Panduan Pengaturan Widget Template ini menggunakan pengaturan standar Widget Blogger yang dimodifikasi. Anda dapat mengaturnya melalui menu **Tata Letak (Layout)**. ### 1. Mengatur Sub-menu & Mega Menu (Widget Menu Utama) Buka widget **LinkList** bernama `Menu Utama`. Format penulisan namanya adalah: * `Nama Menu`: Menu biasa. * `_Nama Sub`: Tambahkan 1 garis bawah (`_`) untuk membuat dropdown. * `__Nama Sub Sub`: Tambahkan 2 garis bawah (`__`) untuk dropdown bertingkat. * **Mega Menu:** Tulis URL dengan format `mega:NamaLabel` (contoh: URL diisi `mega:Koleksi`). ### 2. Meng