Membuat PWA Blogger Mudah
Selamat datang Di PWA Blogger Mudah, apa sih kegunaannya ? dan bagaimana Cara membuatnya? Melalui apa saja bisa membuat PWA ini?, yuk kita bahas.
Lakukan perubahan pada tanda Ini =>
berhubung saya menggunakan Chrome pada Handphone android saya ..
1. klik tombol Pojok kanan atas Layar Handphone kamu (titik 3)
2. cari dan klik "Add to home Screen"
contoh sepeti dibawah ini:
Kegunaan PWA Blogger
Kegunaannya memudahkan User untuk mencari Situs yang akan dituju (Semacam Bookmark) namun dengan PWA ini akan Hadir pada Homepage pada Handphone anda (Android/Ios).Bagaimana cara membuatnya?
cukup mudah kok, kamu tinggal copy Code dibawah ini. dan ikuti langkah-langkah sebagai berikut:{ "name":"Forum Tokko Blogger", "short_name":"Forum Tokko Lite
", "start_url":"https://forums-tokko.blogspot.com
", "display":"standalone", "background_color":"#ffffff", "theme_color":"#ffffff", "description":"Forums Tokko, adalah Forum yang dikhususkan untuk Tokko Blogger
", "icons":[ { "src":"https://twinnybloggers.github.io/pwa.twinnyblogger/logo2_19_202236.png
", "sizes":"36x36", "type":"image/png", "density":"0.75" }, { "src":"https://twinnybloggers.github.io/pwa.twinnyblogger/logo2_19_202236.png
", "sizes":"48x48", "type":"image/png", "density":"1.0" }, { "src":"https://twinnybloggers.github.io/pwa.twinnyblogger/logo2_19_202236.png
", "sizes":"72x72", "type":"image/png", "density":"1.5" }, { "src":"https://twinnybloggers.github.io/pwa.twinnyblogger/logo2_19_202236.png
", "sizes":"96x96", "type":"image/png", "density":"2.0" }, { "src":"https://twinnybloggers.github.io/pwa.twinnyblogger/logo2_19_202236.png
", "sizes":"144x144", "type":"image/png", "density":"3.0" }, { "src":"https://twinnybloggers.github.io/pwa.twinnyblogger/logo2_19_202236.png
", "sizes":"192x192", "type":"image/png", "density":"4.0" }, { "src":"https://twinnybloggers.github.io/pwa.twinnyblogger/logo2_19_202236.png
", "sizes":"512x512", "type":"image/png", "density":"5.0" } ] }
Ubah
<= Pada code JSON diatas
- Silahkan Login ke Github.com
- Buat Repositories Baru
- Create New File
- Copy kode sebelumnya diatas dan Paste Pada file baru dan input dengan nama "manifest.json"
- simpan Link url Anda dbawah kode Head
<link href="https://twinnybloggers.github.io/demo-repository/manifest.json"/>
- Selesai
Contoh PWA blogger mudah
Bagaimana caranya dan hasilnya
berikut tata cara dan hasilnya :berhubung saya menggunakan Chrome pada Handphone android saya ..
1. klik tombol Pojok kanan atas Layar Handphone kamu (titik 3)
2. cari dan klik "Add to home Screen"
contoh sepeti dibawah ini:
SELESAI DAN SELAMAT MENGGUNAKAN PWA BLOGGER MUDAH
jika kamu belum mengerti bagaimana caranya, kamu dapat kunjungi dibawah ini yaa ?Prioritas khusus Pengguna Blogger Pemula
Namun pelajari Terlebih dahulu apa itu Github dan bagaimana cara Membuatnya? Yuk bahas disini (Click me!).
Gabung dalam percakapan