Tentang Manifest.Json Di Blogger
Hal ini sama dengan shortcut URL blog pada zamannya sebelum ada ponsel, tapi kini masih banyak dipakai oleh blog-blog download. Biasanya blog download akan menyertakan shortcut URL di dalam file biar memudahkan pengguna menuju/masuk kembali ke blog mereka.
Namun di zaman kini yang serba ponsel ini, tampaknya belum banyak web/blog yang memakai manifes ini. Itu alasannya ialah kurangnya pengetahuan blogger/developer web perihal manifes ini.
Agar lebih gampang memahami apa itu manifest.json pada blog, sebagai demo silahkan kanal blog Kompi Ajaib ini dengan ponsel Anda pada browser Google Chrome. Kemudian klik ikon 3 titik di Chrome di kanan atas kemudian pilih "Tambahkan ke layar utama". Setelah itu silahkan menuju layar utama ponsel dan temukan ikon KompiAjaib. Coba klik ikon tersebut, maka blog KompiAjaib akan terbuka dengan mudah.
Jika Anda ingin menciptakan manifes menyerupai itu, silahkan ikuti langkah-langkah berikut:
1. Buat ikon blog segiempat menyerupai Anda menciptakan ikon untuk favicon. Buat ikon PNG dengan ukuran 512x512.
2. Buka notepad kemudian masukan instruksi berikut:
{
"name": "NAMA BLOG ANDA",
"short_name": "NAMA IKON BLOG ANDA",
"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"
}]
}Silahkan sesuaikan poin-poin di atas dengan blog Anda. Untuk short_name buat nama maksimal 12 aksara biar nama tidak terpotong dikala tampil di layar utama ponsel.
Untuk URL ikon, silahkan upload ikon yang Anda buat tadi di langkah pertama di postingan Blogger kemudian ambil URL image-nya. Sesuaikan instruksi .../s.../... pada URL image Blogger sesuai size ikon, perhatikan instruksi yang ditandai.
Setelah semuanya sesuai, silahkan SAVE AS dengan nama manifest.json dengan type All Types. Kemudian silahkan hosting file manifest.json tersebut, dapat memakai Github.
3. Kemudian silahkan simpan instruksi berikut di edit HTML blog Anda di bawah instruksi <head>
<link href='URL HOSTING FILE manifest.json ANDA' rel='manifest'/>Sekarang silahkan coba manifes blog Anda di ponsel. Silahkan kanal blog Anda dengan ponsel Anda pada browser Google Chrome. Kemudian klik ikon 3 titik di Chrome di kanan atas kemudian pilih "Tambahkan ke layar utama". Setelah itu silahkan menuju layar utama ponsel dan temukan ikon blog Anda kemudian coba klik ikon tersebut.
Selamat mencoba.
Dan perlu diketahui, manifes aplikasi web ini merupakan salah satu unsur SEO blog juga. Dan ini akan mempunyai kegunaan juga bila Anda menciptakan PWA (Progresive Web Apps) untuk blog Anda.
Anda juga dapat menyimak perihal manifes web aplikasi ini di Google Develover https://developers.google.com/web/fundamentals/web-app-manifest/?hl=id
0 Response to "Tentang Manifest.Json Di Blogger"
Post a Comment