Skip to main content

Cara Mudah Membuat Manifest JSON di Blogger

Cara membuat dan memasang manifest json di blogger. Manifest JSON atau bisa disebut sebagai Manifest Aplikasi web biasanya digunakan untuk memudahkan pemilik blog mengunjungi blog dia sendiri.

Secara umum manifest json berfungsi sebagai shortcut (Jalan pintas) untuk menuju suatu aplikasi (blog/web), jadi jika anda menggunakan manifest json ini maka anda bisa memasang blog anda di beranda handphone anda layaknya sebuah aplikasi yang terinstal.

Untuk membuatnya anda bisa mengikuti tutorial di bawah ini.

Cara Membuat Manifest JSON Blogger

Pertama silahkan anda siapkan gambar dengan bentuk persegi berukuran 512x512 px dengan format PNG layaknya membuat logo pavicon blog.

Kemudian copy kode di bawah ini kedalam notepad. 


{
  "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"
  }]
}

Kemudian sesuaikan data data diatas dengan data blog anda sendiri, seperti Nama Blog, Nama Logo Blog, URL homepage dan lain lain.

Untuk dibagian URL Icon silahkan anda sesuaikan url dengan size yg sudah di sediakan. Perhatikan kode .../s.../... yang saya tandai di atas. 

Untuk mendapatkan kode url iconnya, anda bisa membuat postingan dan mengupload gambar. Maka anda akan mendapatkan urlnya.

Jika sudah selesai membuat filenya, maka silahkan di save dengan nama sesuai keinginan dan format .json, contohnya : saya akan membuat dengan nama manifestrepick maka nama filenya manifestrepick.json

Kemudian hosting file tersebut menggunakan github (media hosting termudah yang pernah saya coba)

Tidak hanya sampai disini, langkah selanjutnya adalah memasang manifestnya di blog, silahkan anda copy kode berikut tepat dibawah <head>

<link href='URL HOSTING' rel='manifest'/>

Ganti URL HOSTING dengan URL hosting anda tadi.

Terakhir save tema, sampai disini langkahnya sudah selesai.

Untuk memasang icon blog di layar handphone layaknya sebuah aplikasi, silahkan anda buka blog yang sudah di pasang manifest JSON tadi.

klik titik 3 yang ada di chrome, kemudian pilih tambahkan ke layar utama, maka secara otomatis icon blog anda sudah berada di beranda handphone anda.

Oke, kiranya sampai disini saja pembahasan yang bisa saya sampaikan tentang manifest JSON yang ada pada blogger. Jika kurang jelas anda bisa bertanya di kolom komentar maupun forum diskusi yang ada di blog ini.

www.repick.net

NOTE : Konten yang ada di blog ini asli karya Gio Lesmana. Tidak diperkenankan mengambil isi konten tanpa izin. Traktir saya kopi melalui: Paypal.

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar