Pemantauan dan percobaan
JaTam Template
Template Blogger modern, cepat, dan kaya fitur — dirancang untuk blog pendidikan, personal, maupun profesional.
🖥️ Desktop • 📱 Mobile • 🌙 Dark Mode
✨ Semua Fitur
Inilah yang membuat JaTam Template istimewa.
Dark Mode
Switch otomatis mengikuti preferensi sistem, dengan tombol toggle manual. Transisi mulus tanpa flicker.
Full Responsive
Mobile: Clean header + Bottom Bar. Tablet: Logo + icons + hamburger. Desktop: Full header inline.
Search Overlay
Pencarian dengan overlay dropdown di header (desktop) dan bottom bar (mobile).
Dropdown Menu
Menu dropdown multi-level. Mobile: accordion. Desktop: hover. Dilengkapi SVG icon.
Breadcrumbs
Navigasi breadcrumb otomatis dengan Schema.org markup. Home > Label > Judul Post.
Table of Contents
TOC otomatis dari heading H2 dan H3. Muncul jika minimal 2 heading. Klik untuk scroll smooth.
Ignipix Comments
Sistem komentar popup dengan reply, badge Author, toggle balasan, dan animasi slide up.
Related Posts
Artikel terkait berdasarkan label. Dilengkapi thumbnail, nomor, dan tanggal. Lazy load.
Share Buttons
Tombol share ke Facebook, Twitter/X, WhatsApp, dan Telegram. Hover animation.
Author Box
Box profil penulis dengan foto dan bio. Tampil di bawah artikel single post.
Featured Post
Widget artikel unggulan di halaman utama. Bisa dikustomisasi lewat HTML widget.
Sidebar Widgets
Popular posts, kategori box, latest posts skeleton loader, dan social media links.
Accordion & Note
Shortcode accordion untuk konten lipat. Note box untuk info dan warning dengan icon.
Lazy Load & Performance
Gambar lazy load, content-visibility, DNS prefetch, dan reduce motion support.
SEO Ready
JSON-LD (WebSite, Organization, BlogPosting), Open Graph, Twitter Card, meta robots, canonical.
CSS Variables
Full CSS custom properties. Ganti warna, font, radius hanya dengan edit :root variables.
Accessibility
Focus visible outline, aria-label, semantic HTML, skip to content ready.
12 Widget Areas
Header, before/after blog, sidebar static, sidebar sticky, footer 3 kolom, copyright.
🚀 Lihat Langsung Demo-nya
Kunjungi blog demo dan rasakan sendiri performa JaTam Template.
🔗 Buka Demo Blog🛠️ Spesifikasi Teknis
| Versi | 4.6 — Final |
| Platform | Blogger / Blogspot |
| Layout | 2 Kolom (Konten + Sidebar) — Responsive Grid |
| Breakpoints | Mobile kurang dari 40rem • Tablet di atas 40rem • Desktop di atas 64rem • Wide di atas 80rem |
| CSS | Native CSS dengan Custom Properties (tanpa framework) |
| JavaScript | Vanilla JS — Dark Mode, TOC, Related Posts, Bottom Bar, Fetch API |
| Icons | Inline SVG Library (24 ikon custom) |
| Browser | Chrome, Firefox, Safari, Edge — modern browsers |
📥 Cara Mendapatkan Template
- Hubungi kami melalui halaman kontak atau email ke candra.junie@gmail.com
- Sebutkan bahwa Anda tertarik dengan JaTam Template
- Template akan dikirim beserta panduan pemasangan lengkap
- Gratis! Dengan tetap mempertahankan credit di footer
© JaTam Template by Candra Junie
Dibangun dengan ❤️ untuk pendidikan Indonesia
