Cara Pasang Manifest Aplikasi Web Blogger

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
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.

an image

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>


<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'/>

an 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.

an image


an image

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.

an image

Pada halaman Create Repository beri nama dan deskripsi file Repository, chekclist Intialize this repository kemudian klick Create Repository

an image

Upload file Manifest.Json yang telah Anda buat melalui menu Upload Files

an image

an image


an image


Setelah file berhasil diupload Klick Commit Canges kemudian copy Link Address file Manifest.Json yang telah diupload.


an image


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.

an image


an image


Sekarang saatnya mencoba apakah metode di atas berhasil, Akses blog anda menggunakan browser Crome yang ada pada hanpdhone Andorid.

an image

Kemudian pada tiga titik di pojok kanan atas browser dan pilih menu Tambahkan ke Layar Utama
an image

Muncul notifikasi konfirmasi Tambahkan ke Layar Utama, tab Tambahkan.

an image

Untuk kedua Kalinya muncul notifikasi konfirmasi Tambahkan ke Layar Utama, Tab Tambahkan Otomatis.

an image

Minimiz Browser Crome Andorid kemudian coba chek apakah dilayar utama handphone Anda sudah muncul Shortcut Url Blog yang telah ditambahkan.

an image


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.

About the Author

Seorang Blogger Newbie Lampung
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.