Cara Mudah Membuat Manifest Aplikasi Web Blog
Manifest.Json pada blogger atau yang lebih dikenal dengan Manifest Aplikasi Web Blog adalah salah satu cara membuat fitur Shorcut URL Blog untuk perangkat mobile agar visitor blog dapat langsung mengakses blog melalui Shorcut ULR yang telah ditambahkan dan ada di layar perangkat mobile android tanpa harus membuka dan mengetikkan URL blog terlebih dahulu.
Cara ini admin dapatkan setelah membeli dan menerapkan template Kompi Flexible dari Bang Adhy Suryadi pemilik blog Kompi Ajaib. Sepertinya jarang sekali penjual template yang menerapkan metode ini pada template-template hasil karya mereka, bisa dibilang ini sangat istimewa bagi Admin secara pribadi.
Mungkin Anda blogger pemula seperti Admin akan bingung dengan judul dan maksud isi dari postingan ini, seperti apa sie penampakannya? berikut ini tampilan Fitur Shortcut URL Blog Galeri Surat yang sudah Admin terapkan pada hanpdhone Android milik Admin.
Terlihat pada deretan icon shorcut aplikasi area atas sebelah kanan Icon Shortcut URL Blog Galeri Surat sudah tersedia. Jadi jika Admin ingin mengakses Blog galersi surat tinggal tab Icon tersebut. Tampilan iconnya pun lumayan keren sesuai dengan logo yang dipakai Blog Galeri Surat. Anda bisa saja menerapkan metode Penambahan Shortcut Blog ke layar utama handphone tanpa menggunakan Manifest.Json namun sudah dipastikan tampilan iconnya hanya akan berupa huruf awal yang mewakili nama domain bukan logo dari blog anda.
Bagaimana, apakah Anda tertarik menerapkan fitur ini pada blog kesayangan? Bagi Anda yang ingin menerapkan metode ini berikut ini tutorialnya.
Pertam-tama silahkan Instal kode Manifest.Json pada blog Anda di bawah kode <head>
Kemudian Salin kode berikut ini dan pastekan ke dalam NotePad
Ganti URL Icon Logo Png dengan URL Icon Logo Blog Anda. Untuk mendapatkan URL logo anda bisa mengupload semua logo sesuai dengan ukuran yang tertera di atas pada postingan namun tidak perlu dipublikasikan, simpan saja sebagai Draf.
Setelah Anda Ganti Name, ShortName, Start URL, Description, dan Url Logo Blog sesuai ukuran, simpan file dengan cara pilih file lalu Save As. Pada dialog Save As pilih type file All Files dan beri nama manifest.json.
Sekarang Anda sudah berhasil membuat dan memiliki file Manifest.Json. Langkah selanjutnya adalah menghosting file Manifest.Json ke Github. Caranya dengan Creat a New Repository pada halaman Dasboard Account GitHub Anda. Bagi Anda yang belum memiliki Account GitHub silahkan ikuti Tutorial Cara Membuat Account GitHub Lengkap dengan Gambar.
Pada halaman Create Repository beri nama dan deskripsi file Repository, chekclist Intialize this repository kemudian klick Create Repository
Upload file Manifest.Json yang telah Anda buat melalui menu Upload Files
Setelah file berhasil diupload Klick Commit Canges kemudian copy Link Address file Manifest.Json yang telah diupload.
Buka menu Edit HTML Tema pada Dasboard Blogger, kemudian ganti URL Hosting File Manifest.Json dengan Url file Manifest.Json Anda. Ganti juga semua Url Logo Blog dengan Url logo Blog milik Anda yang sudah diupload sebelumnya sesuai dengan ukuran logo yang telah ditentukan kemudian klick simpan tema untuk menerapkan.
Sekarang saatnya mencoba apakah metode di atas berhasil, Akses blog anda menggunakan browser Crome yang ada pada hanpdhone Andorid.
Kemudian pada tiga titik di pojok kanan atas browser dan pilih menu Tambahkan ke Layar Utama
Muncul notifikasi konfirmasi Tambahkan ke Layar Utama, tab Tambahkan.
Untuk kedua Kalinya muncul notifikasi konfirmasi Tambahkan ke Layar Utama, Tab Tambahkan Otomatis.
Minimiz Browser Crome Andorid kemudian coba chek apakah dilayar utama handphone Anda sudah muncul Shortcut Url Blog yang telah ditambahkan.
Kesimpulan:
Fitur Add manfiest Aplikasi Web Blog dengan Shorcut Url Blog pada halaman utama layar hanpdhone pengguna Android sangat bermanfaat dan memudahkan pengguna untuk mengakses blog tanpa harus membuka browser dan mengetikkan url blog terlebih dahulu.
Cara ini admin dapatkan setelah membeli dan menerapkan template Kompi Flexible dari Bang Adhy Suryadi pemilik blog Kompi Ajaib. Sepertinya jarang sekali penjual template yang menerapkan metode ini pada template-template hasil karya mereka, bisa dibilang ini sangat istimewa bagi Admin secara pribadi.
Mungkin Anda blogger pemula seperti Admin akan bingung dengan judul dan maksud isi dari postingan ini, seperti apa sie penampakannya? berikut ini tampilan Fitur Shortcut URL Blog Galeri Surat yang sudah Admin terapkan pada hanpdhone Android milik Admin.
Terlihat pada deretan icon shorcut aplikasi area atas sebelah kanan Icon Shortcut URL Blog Galeri Surat sudah tersedia. Jadi jika Admin ingin mengakses Blog galersi surat tinggal tab Icon tersebut. Tampilan iconnya pun lumayan keren sesuai dengan logo yang dipakai Blog Galeri Surat. Anda bisa saja menerapkan metode Penambahan Shortcut Blog ke layar utama handphone tanpa menggunakan Manifest.Json namun sudah dipastikan tampilan iconnya hanya akan berupa huruf awal yang mewakili nama domain bukan logo dari blog anda.
Pertam-tama silahkan Instal kode Manifest.Json pada blog Anda di bawah kode <head>
<link href='URL HOSTING FILE manifest.json ANDA' rel='manifest'/>
Kemudian Salin kode berikut ini dan pastekan ke dalam NotePad
{
"name": "GaleriSurat",
"short_name": "GaleriSurat",
"start_url": "https://galerisurat.com/",
"display": "standalone",
"background_color": "#fff",
"theme_color": "#C51162",
"description": "Blog yang ditampilkan hanya text saja, tetapi di postingan bisa ditambah image dan video Youtube.",
"icons": [{
"src": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmebGsOgawT22zn4vz3VxX3UiDePNe97Vcax_UfKG276ZY52ClwLfhY4r4XXp-lhzPRGkva5xIFOsWV5wCwZT0-5AewWwyf33VFVOVKivf1yYFmyfsXFxMmrSk_P6WioyDq0_8aDF5OQk/s1600/GALERI+SURAT+48.png",
"sizes": "48x48",
"type": "image/png"
}, {
"src": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHthHmmb53vgoz47ue7DCNWIbMod44jEYj4_M-BqA8-UFwQhFqrUDYDSFtKfE6mZgchKjqF_5RyTCaq1x6dohvE4uyuOIJIgkdicPnFYZZ0Z44ijG015KTiyAdkUtHDQ9x6lDmyQrlEeI/s1600/GALERI+SURAT+72.png",
"sizes": "72x72",
"type": "image/png"
}, {
"src": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiASHpIqwbQG-m-4U4CKymdCxou3x-Qzs9lmYmMOPto6rph57-vwyLH7oncp_v-kfH487C7wSM7pCaktmIxvp9Re_xU_ZJbf6RKXFxYrFYhklOu0BRJrHUEjEqoz5ZiUdRuQHfexlbI2dE/s1600/GALERI+SURAT+96.png",
"sizes": "96x96",
"type": "image/png"
}, {
"src": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY4E7Z1CWjtr4Ohr76NmiAv2g2WuBFjFCC41Vge9lznDtzogfDYhRivPvM_wDn2DGUdHIK-Lmj5M5BReKv-Va7RpivUgbajiThfs1gITiTi_eleSISK5n4hyphenhyphenrt-7b-33eW_tr99fIuGEE/s1600/GALERI+SURAT+144.png",
"sizes": "144x144",
"type": "image/png"
}, {
"src": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg85oj4gaEjrARq2NED5suI46Qey2e8bUpJmS-jvPQ-Yf5fWEnl4Gd91LrbpjaImA8DEypvnEnWi1hv083OKeDBAjzL6RChZ7EW7RnYXhPuR5aIf5EoPhAwGuJEA41EwaAVpI-0ABLpDe0/s1600/GALERI+SURAT+168.png",
"sizes": "168x168",
"type": "image/png"
}, {
"src": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1_IJ3-Uhne4EJLjWjww4T09Y3eHJB3HQWoiv8i9bYbTqNUAiAtXjQg6sAWUnUOjuS2cyM-P7_tbYx5kOydHxgy9Qyj_lgQ17QBU7ccXPX-QXv3ch6asHtOA8tUu_fHzulCgKXxn5A7Nk/s1600/GALERI+SURAT+192.png",
"sizes": "192x192",
"type": "image/png"
}, {
"src": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtymkdSk54YQzGPdTxGEJN7zmX1nxztOC_WN77FOFsh5pMUNUYGc8R8V2r2H5hHMcpam-D3rmgMKlbQaU-Z5JFYc9_dOI-43_0KVUxJgmNs4HJ_MIMwpNSupD01pzCDt3MzNRu3T3hy48/s320/GALERI+SURAT+512.png",
"sizes": "512x512",
"type": "image/png"
}]
}
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0ZKu0_zB7LpEJ3r-3HVk41aVquVS1uvXQf3SWIP7gziJfVdyoHG-5C7jO1dMDFeIIB3R9MzbJMLsTFVqV5MxFBqAKVvH9MSJKhtQ-oFy9G9nbUClmqiA4mywAJTU2O-zF_Y5GUBwHam4/s1600/GALERI+SURAT+300.png' property='og:image'/>
Ganti URL Icon Logo Png dengan URL Icon Logo Blog Anda. Untuk mendapatkan URL logo anda bisa mengupload semua logo sesuai dengan ukuran yang tertera di atas pada postingan namun tidak perlu dipublikasikan, simpan saja sebagai Draf.
Setelah Anda Ganti Name, ShortName, Start URL, Description, dan Url Logo Blog sesuai ukuran, simpan file dengan cara pilih file lalu Save As. Pada dialog Save As pilih type file All Files dan beri nama manifest.json.
Sekarang Anda sudah berhasil membuat dan memiliki file Manifest.Json. Langkah selanjutnya adalah menghosting file Manifest.Json ke Github. Caranya dengan Creat a New Repository pada halaman Dasboard Account GitHub Anda. Bagi Anda yang belum memiliki Account GitHub silahkan ikuti Tutorial Cara Membuat Account GitHub Lengkap dengan Gambar.
Pada halaman Create Repository beri nama dan deskripsi file Repository, chekclist Intialize this repository kemudian klick Create Repository
Upload file Manifest.Json yang telah Anda buat melalui menu Upload Files
Setelah file berhasil diupload Klick Commit Canges kemudian copy Link Address file Manifest.Json yang telah diupload.
Buka menu Edit HTML Tema pada Dasboard Blogger, kemudian ganti URL Hosting File Manifest.Json dengan Url file Manifest.Json Anda. Ganti juga semua Url Logo Blog dengan Url logo Blog milik Anda yang sudah diupload sebelumnya sesuai dengan ukuran logo yang telah ditentukan kemudian klick simpan tema untuk menerapkan.
Sekarang saatnya mencoba apakah metode di atas berhasil, Akses blog anda menggunakan browser Crome yang ada pada hanpdhone Andorid.
Kemudian pada tiga titik di pojok kanan atas browser dan pilih menu Tambahkan ke Layar Utama
Muncul notifikasi konfirmasi Tambahkan ke Layar Utama, tab Tambahkan.
Untuk kedua Kalinya muncul notifikasi konfirmasi Tambahkan ke Layar Utama, Tab Tambahkan Otomatis.
Minimiz Browser Crome Andorid kemudian coba chek apakah dilayar utama handphone Anda sudah muncul Shortcut Url Blog yang telah ditambahkan.
Kesimpulan:
Fitur Add manfiest Aplikasi Web Blog dengan Shorcut Url Blog pada halaman utama layar hanpdhone pengguna Android sangat bermanfaat dan memudahkan pengguna untuk mengakses blog tanpa harus membuka browser dan mengetikkan url blog terlebih dahulu.
2 komentar
Terima Kasih....