SaeGreen adalah template Blogger serbaguna untuk blog personal, tutorial, dokumentasi, katalog produk, dan halaman penawaran. Desain hijau yang bersih memberi ruang untuk konten, dengan navigasi yang nyaman digunakan dari HP hingga desktop.
Bangun blog yang enak dibaca, tampilkan produk dengan galeri dan harga, lalu lengkapi website dengan landing page Produk, Jasa, atau Portofolio. Panduan instalasi, komponen artikel, dan contoh layout dapat dipelajari langsung melalui demo SaeGreen.
Cocok untuk siapa?
SaeGreen cocok untuk penulis blog, kreator konten, pembuat tutorial, freelancer, pemilik usaha, dan penjual produk yang ingin menggabungkan artikel dengan halaman penawaran dalam satu website Blogger.
Satu template, beberapa kebutuhan website
- Blog & tutorial: sajikan artikel, panduan, dan dokumentasi dengan struktur bacaan yang jelas.
- Katalog produk: tampilkan produk berdasarkan label, galeri gambar, harga normal, harga promo, dan tautan pembelian.
- Landing page produk: jelaskan manfaat, fitur, pilihan paket, dan pertanyaan calon pelanggan.
- Landing page jasa: susun penawaran layanan, proses kerja, paket, dan ajakan konsultasi.
- Portofolio: tampilkan karya serta pendekatan kerja dalam halaman khusus.
Spesifikasi
| Platform | Blogger / Blogspot |
|---|---|
| Format template | XML Blogger |
| Jenis website | Blog, tutorial, dokumentasi, katalog produk, dan landing page |
| Tampilan | Responsif untuk desktop, tablet, dan HP |
| Mode warna | Terang dan gelap |
| Pengaturan utama | Tata Letak Blogger; konten dan komponen melalui editor HTML |
| Pilihan landing page | Produk, Jasa, dan Portofolio |
| Demo | saegreen.temablogger.com |
Fitur Utama
Desain responsif
Susunan konten, navigasi, dan halaman produk menyesuaikan layar HP, tablet, serta desktop.
Menu desktop & drawer HP
Submenu berkolom pada desktop dan navigasi drawer pada HP membantu pembaca menjelajahi kategori website.
Slider & blok beranda
Tampilkan gambar pilihan, artikel unggulan, tulisan terbaru, dan postingan populer dengan pengaturan visibilitas.
Pencarian dengan saran
Panel pencarian berisi kata kunci serta saran yang dapat diarahkan ke label, topik, atau artikel pilihan.
Mode terang & gelap
Pembaca dapat memilih tampilan melalui menu tambahan. Preferensi tersimpan pada browser yang digunakan.
Daftar isi & waktu baca
Daftar isi otomatis dari heading artikel dan estimasi waktu baca membantu pembaca memahami struktur tulisan.
Indikator kemajuan membaca
Pantau posisi bacaan saat menggulir artikel, dengan judul artikel yang dapat muncul pada header.
Komponen artikel
Gunakan catatan, kutipan, tombol, tabel, FAQ, galeri, dan kartu berkas dari contoh kode yang tersedia.
Lightbox & media responsif
Perbesar gambar melalui lightbox. Tabel, kode panjang, dan galeri memiliki area gulir sendiri.
Katalog & halaman produk
Tampilkan produk dari label Produk, dengan galeri gambar, deskripsi, harga normal, promo, dan tombol tujuan.
Generator postingan produk
Bantu penyusunan konten produk melalui generator yang tersedia pada demo SaeGreen.
Tiga layout landing page
Layout Produk, Jasa, dan Portofolio memiliki preview serta kode yang dapat dipasang pada Halaman Blogger.
Pengaturan lewat Tata Letak
Atur identitas, menu, slider, fitur artikel, tautan footer, dan media sosial melalui widget yang tersedia.
Navigasi keyboard
Indikator fokus, dukungan Escape pada pencarian, dan pengaturan pengurangan gerakan membantu penggunaan antarmuka.
Panduan dan Sumber Daya
- Panduan instalasi dan pengaturan SaeGreen.
- Preview dan kode komponen artikel.
- Preview dan kode landing page Produk, Jasa, dan Portofolio.
- Penjelasan fitur SaeGreen.
Hal yang perlu disiapkan
Siapkan logo, artikel, gambar produk, serta tautan halaman Anda sendiri. Newsletter membutuhkan layanan email yang dikonfigurasi. Pilihan bahasa atau wilayah mengarah ke versi situs yang Anda sediakan. Gambar, harga, dan portofolio pada demo merupakan contoh tampilan.