Memasang Push Button Notification Pada Browser dari Blogspot atau Blogger

Memasang Push Button Notification Pada Browser dari Blogspot atau Blogger

Memasang Push Button Notification Pada Browser dari Blogspot atau Blogger Cover
Memasang Push Button Notification Pada Browser dari Blogspot atau Blogger
Selamat datang di Ramaikan24x7, sekarang anda mungkin telah menjelajah Postingan ini  menggunakan PC atau Smartphone menggunakan browser Google Chrome dan Mozilla Firefox atau pakai Browser lainpada pertama kalinya pasti kamu akan melihat ada sebuah pemberitahuan di sudut kiri atau kanan tentang pesan notification atau bisa dibilang push notification.

Push notification merupakan sebuah pemberitahuan singkat untuk memberitahukan kepada para pelanggannya (pengunjung yang sudah berlangganan) bahwa situs tersebut itu telah membuat sebuah artikel baru atau mungkin sebuah informasi pesan singkat kepada para pelanggannya.
Untuk dapat berlangganan kamu harus menerima pesan tersebut lalu klik/tap ok.
Nah push notification ini dapat kita pasang untuk platform yang menggunakan Blogger/Blogpsot. Untuk teman-teman yang mempunyai blog yang menggunakan blogspot dapat mengikuti tutorial berikut ini:

A. CARA DAFTAR PUSHENGAGE

  • Kunjungi situs penyedia notifikasi yaitu PushEngage dan silakan daftar di halaman SIGN UP.
  • Isikan informasi yang dibutuhkan untuk mendaftar, seperti alamat domain blogspot, email, nama dan password untuk membuat akun baru di PushEngage.
Memasang Push Button Notification Pada Browser dari Blogspot atau Blogger
Register Akun Baru untuk Blog Kita

  • Jika sudah mengisi semuanya silakan Klik tombol “Start your free trial now”
  • Lalu kamu akan masuk ke profile setting dan ubah bagian site name dengan nama URL blog kamu.
Memasang Push Button Notification Pada Browser dari Blogspot atau Blogger
Memasang Pertama Kali di PushEngage
  • Lalu klik “update site setting”
  • Scroll ke bawah dan kamu akan menemukan sebuah source code. Lalu salin source code tersebut ke template blogspot yang kamu gunakan di admin dashboard.
Memasang Push Button Notification Pada Browser dari Blogspot atau Blogger
Script yang akan Digunakan
  • Paste source code tersebut di bawah kode
Memasang Push Button Notification Pada Browser dari Blogspot atau Blogger
Lokasi Pemasangan
  • Simpan. Silahkan uji coba dengan mengunjungi blog kamu.
Selesai. Sekarang untuk Tahap selanjut nya untuk memasang ke Dalam Blog anda, Tinggal ikutin saja Tutorial di bawah supaya tidak Kesasar nanti saat pemasangan ke Dalam Blog nya.

B. MEMBUAT NOTIFIKASI

  1. Masuk ke admin dashboard PushEngage
  2. Masuk ke menu notification dan klik new notification.
    Memasang Push Button Notification Pada Browser dari Blogspot atau Blogger
    Tampilan Dashboard
  3. Lalu isikan kolom notification title, notification message dan notification URL. Jika kamu ingin menggunakan gambar yang lain selain gambar blog, klik Tombol Change Image dan cari gambar yang ingin kamu gunakan.
    Memasang Push Button Notification Pada Browser dari Blogspot atau Blogger
    Pengaturan Koneksi ke Blog Kita
  4. Selanjutnya klik Submit. Selesai.

Hasilnya akan seperti berikut ini.

Memasang Push Button Notification Pada Browser dari Blogspot atau Blogger
Tampilan Pop up Muncul

Video tutorial:




COMMENTS

BLOGGER: 2
Loading...
Name

Bahasa Markah,2,Biologi,2,Blog,5,Blogger,2,Cloud Computing,4,Cloud Storage,4,CSS,1,Database,1,Definisi,24,HTML,1,Hukum,5,Internet,7,Komputer,2,Konsep Komunikasi Data Dan Jaringan,2,Manajemen,4,Organisasi,3,Para Ahli,5,Pengantar Ilmu Komunikasi,1,Pengertian,22,PHP,1,SEO,4,Sistem Operasi,2,Tips & Triks,1,Tools,1,Tutorial,2,Umum,11,WEB dan WWW,2,
ltr
item
Ramaikan24x7: Memasang Push Button Notification Pada Browser dari Blogspot atau Blogger
Memasang Push Button Notification Pada Browser dari Blogspot atau Blogger
Memasang Push Button Notification Pada Browser dari Blogspot atau Blogger
https://4.bp.blogspot.com/-1LRW0Ro3eO0/WasE8I01PgI/AAAAAAAAAvw/aPy9THQX6yAnIbBLLzpqwVeXtORhzBFfwCLcBGAs/s640/Memasang%2BPush%2BButton%2BNotification%2BPada%2BBrowser%2Bdari%2BBlogspot%2Batau%2BBlogger%2BCover.jpg
https://4.bp.blogspot.com/-1LRW0Ro3eO0/WasE8I01PgI/AAAAAAAAAvw/aPy9THQX6yAnIbBLLzpqwVeXtORhzBFfwCLcBGAs/s72-c/Memasang%2BPush%2BButton%2BNotification%2BPada%2BBrowser%2Bdari%2BBlogspot%2Batau%2BBlogger%2BCover.jpg
Ramaikan24x7
http://www.ramaikan.com/2017/09/Memasang.Push.Button.Notification.Pada.Browser.dari.Blogspot.atau.Blogger.html
http://www.ramaikan.com/
http://www.ramaikan.com/
http://www.ramaikan.com/2017/09/Memasang.Push.Button.Notification.Pada.Browser.dari.Blogspot.atau.Blogger.html
true
1823188735813404161
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy