Cara Membuat Manifest.json di Blogger
.jpeg "Cara Membuat Manifest.json di Blogger")
Manifest.json atau disebut juga manifest aplikasi web secara sederhana disebut juga shortcut URL blog untuk perangkat mobile. Dengan manifest ini pengguna mobile dapat menyimpan shortcut URL blog di beranda layar ponsel.
Dengan fitur ini, pengguna dapat dengan mudah menuju blog dengan hanya mengklik ikon blog dilayar beranda ponsel seperti membuka aplikasi. Jika sobat ingin membuat manifest seperti itu, simak cara dan langkah-langkahnya dibawah ini.
Cara Membuat Manifest.json di Blogger
- Buat ikon blog segiempat seperti sobat membuat favicon.
- Kemudian buat ikon PNG dengan ukuran 512x512.
- Buka notepad, lalu masukan kode dibawah ini.
{
"name": "NAMA BLOG ANDA",
"short_name": "NAMA IKON BLOG ANDA",
"scope": "URL HOMEPAGE",
"start_url": "URL HOMEPAGE",
"display": "standalone",
"background_color": "#fff",
"theme_color": "#2B0C93",
"description": "DESKRIPSI BLOG ANDA",
"icons": [{
"src": "https://3.bp.blogspot.com/........./........./s48/logo.png",
"sizes": "48x48",
"type": "image/png"
}, {
"src": "https://3.bp.blogspot.com/........./........./s72/logo.png",
"sizes": "72x72",
"type": "image/png"
}, {
"src": "https://3.bp.blogspot.com/........./........./s96/logo.png",
"sizes": "96x96",
"type": "image/png"
}, {
"src": "https://3.bp.blogspot.com/........./........./s144/logo.png",
"sizes": "144x144",
"type": "image/png"
}, {
"src": "https://3.bp.blogspot.com/........./........./s168/logo.png",
"sizes": "168x168",
"type": "image/png"
}, {
"src": "https://3.bp.blogspot.com/........./........./s192/logo.png",
"sizes": "192x192",
"type": "image/png"
}, {
"src": "https://3.bp.blogspot.com/........./........./s512/logo.png",
"sizes": "512x512",
"type": "image/png"
}]
}
Sesuaikan dan ubah yang ditandai dengan ikon blog sobat. Untuk short_name buat nama maksimal 12 huruf agar nama tidak terpotong pada saat tampil di layar utama ponsel.
Untuk URL ikon, silakan upload ikon yang sudah sobat buat sebelumnya, lalu ambil URL image-nya sesuaikan kode .../s.../... Pada URL image blogger sesuai ukuran ikon, perhatikan kode yang ditandai.
Setelah selesai, klik save as dengan nama manifeat.json dengam type ALL TYPES. Kemudian silakan hosting file manifest.json tersebut atau bisa menggunakan GITHUB.
- Simpan kode berikut di Edit HTML blog Anda tepat dibawah kode
<head>
<link href='URL HOSTING FILE manifest.json ANDA' rel='manifest'/>- Selesai
Silakan coba manifest blog sobat pada ponsel blog sobat pada browser chrome, lalu klik ikon titik 3 di sudut kanan atas, kemudian pilih "Tambahkan Ke Layar Utama". Selamat mencoba.
Post a Comment