Memulai SaeGreen
Dari memasang template sampai menata blog pertama: ikuti panduan ini untuk menyiapkan SaeGreen dengan rapi, langkah demi langkah.
Sebelum mulai
SaeGreen adalah tema Blogger dengan navigasi responsif, pencarian, slider beranda, dan komponen artikel. Siapkan file XML tema dari paket yang Anda miliki, akses pengelola Blogger, serta logo dan konten blog.
- File XML SaeGreen sudah tersedia.
- Anda memiliki akses ke menu Tema dan Tata Letak Blogger.
- Logo menggunakan gambar dengan latar transparan atau warna yang sesuai.
- Judul blog, deskripsi, dan alamat halaman penting sudah disiapkan.
Memasang template
- Cadangkan tema saat iniBuka Blogger → Tema, buka menu tindakan di samping Sesuaikan, lalu pilih Cadangkan dan unduh berkasnya.
- Pulihkan XML SaeGreenPada menu yang sama, pilih Pulihkan → Upload. Pilih file XML SaeGreen dari paket Anda, lalu tunggu proses selesai.
- Periksa hasil di blogBuka beranda dan satu artikel. Periksa logo, navigasi, gambar, dan footer. Gunakan halaman terbaru setelah memuat ulang browser.
- Gunakan tampilan responsifJika Blogger masih menggunakan tema seluler terpisah, buka Setelan Seluler pada menu Tema dan gunakan tema desktop yang responsif.
Kenali pengaturan Tata Letak
Nama widget mengikuti bagian yang tampil di situs. Klik ikon pensil pada widget yang ingin diubah. Gadget pengaturan memakai JSON, sedangkan Copyright memakai teks biasa.
| Bagian | Widget | Yang dapat diatur |
|---|---|---|
| Header | Logo dan Identitas | Nama, tagline, URL logo, dan tombol berlangganan. |
| Navigasi | Menu Utama / Menu HP | Tautan, submenu, kategori, peta situs, RSS, dan berlangganan. |
| Utilitas | Pencarian / Bahasa dan Wilayah | Teks pencarian, saran, dan tautan versi bahasa atau wilayah. |
| Beranda | Blok Beranda dan Slider / Slide Pilihan | Judul blok, interval slider, visibilitas blok, dan gambar slide khusus. |
| Artikel | Fitur Artikel | Daftar isi, sampul, berbagi, waktu baca, lightbox, dan salin kode. |
| Populer | Popular Posts | Judul, periode, serta jumlah postingan; desain menampilkan maksimal tiga kartu. |
| Newsletter | Newsletter | Judul formulir, tombol, dan alamat layanan penerima email. |
| Footer | Tautan Footer / Media Sosial / Copyright | Halaman informasi, profil sosial, dan teks hak cipta. |
Ganti nama, logo, dan tagline
Buka Logo dan Identitas, lalu sesuaikan nilai berikut. Biarkan logo kosong untuk memakai ikon daun dan nama teks SaeGreen. Gunakan URL gambar HTTPS untuk logo sendiri.
{
"name": "SaeGreen",
"tagline": "by SaeTheme",
"logo": "",
"showTagline": true,
"showSubscribe": true,
"subscribeText": "Berlangganan",
"subscribeUrl": "#newsletter-form--form",
"showMoreMenu": true
}Susun menu dan submenu
Menu sederhana memakai title dan url. Untuk submenu berkolom, gunakan columns. Tautan label harus sesuai dengan label postingan Anda.
[
{"title": "Beranda", "url": "/"},
{"title": "Panduan", "columns": [
{"title": "Mulai di sini", "links": [
["Instalasi", "/search/label/Instalasi"],
["Komponen artikel", "/search/label/Komponen"]
]},
{"title": "Jelajahi", "links": [
["Fitur SaeGreen", "/search/label/Fitur"]
]}
]},
{"title": "Semua artikel", "url": "/search"}
]Atur beranda dan slider
Slider memakai artikel terbaru jika Slide Pilihan berisi []. Isi daftar slide jika ingin memilih judul, gambar, dan tautan sendiri. Gunakan sedikitnya dua slide untuk melihat perpindahan.
{
"latestTitle": "Artikel Terbaru",
"popularDescription": "Panduan yang paling banyak dibaca.",
"sliderInterval": 4500,
"showGallery": true,
"sliderAutoplay": true,
"showFeature": true,
"showLatest": true,
"latestCount": 5,
"showPopular": true
}Nilai sliderInterval memakai milidetik, dengan batas minimum 2500. Pengurangan gerakan pada perangkat akan menghentikan animasi otomatis. Jumlah kartu terbaru di beranda dapat diatur hingga lima.
Pencarian, bahasa, dan wilayah
Saran pencarian adalah tautan yang dapat Anda arahkan ke hasil pencarian, label, atau artikel tertentu. Daftar bahasa/wilayah mengarah ke URL versi situs yang Anda sediakan; pilihan ini tidak menerjemahkan artikel secara otomatis.
{
"show": true,
"label": "Pilih bahasa atau wilayah",
"regions": [
{"label": "Indonesia", "url": "/"}
]
}Lengkapi newsletter dan footer
Isi tautan halaman informasi dan profil sosial milik Anda. Buat halaman tujuan sebelum menambahkan tautannya. Newsletter membutuhkan alamat layanan email pada nilai action; tanpa konfigurasi tersebut, formulir akan memberi pemberitahuan dan tidak mengirim email.
Pemeriksaan sebelum blog dibagikan
- Menu dan submenu menuju halaman yang benar.
- Nama, tagline, dan logo terbaca pada layar kecil.
- Pencarian menampilkan hasil yang sesuai.
- Gambar artikel memiliki teks alternatif yang menjelaskan isinya.
- Tabel dan kode dapat digeser di dalam kotaknya tanpa melebarkan halaman.
- Footer berisi tautan yang benar dan copyright milik Anda.
Komentar
Posting Komentar