Cara Mengganti Warna Tombol Notifikasi Onesignal
Home » Internet » Cara Mengganti Warna Tombol Notifikasi Onesignal

Cara Mengganti Warna Tombol Notifikasi Onesignal

Editor 04 Feb 2023 850

Premis.id – Beberapa website sudah banyak menggunakan notifikasi untuk memberikan informasi dan upate pada artikel atau website ke pembaca.

Fitur ini tentu sangat berguna bagi para pemilik website agar mereka bisa memberikan notifikasi tanpa ribet dan manual untuk dibagikan.

Harapan pemilik website terhadap pengunjung adalah mempertahankan pengunjung dan membuat pengunjung itu datang kembali mengunjungi situs website.

Baca Juga : Cara Menghilangkan Notifikasi 3 (Tri) Pop Up Secara Permanent

Cara membuat nofifikasi di wordpress dan Blogspot mempunyai banyak cara. Tedapat layanan push notification yang berkualitas, salah satunya yaitu OneSginal.

Apa Itu OneSignal?

OneSignal merupakan plugin atau layanan yang menyediakan fitur notifikasi untuk segala kebutuhan developer website maupun aplikasi.

Ada banyak layanan push notification di onesigal, salah satu notification ke browser yang di gunakan secara realtime.

Baca Juga : Cara Membuat Logo Untuk Quotes di Pixellab

Selain itu Onesignal juga banyak di gunakan oleh programmer mobile untuk membuat notifikasi, karena onesignal sendiri juga menyediakan SDK.

Cara Mendaftar di Onesignal

Untuk menggunakan layanan di onesignal harus mendaftar dan melakukan konfigurasi. Yang kita butuhkan dari oneginal berupa kode APP ID dan API KEY.

Silahkan melakukan pendaftaran pada layanan onesignal dan melakukan login.

Jika tidak ingin ribet dapat melakukan login menggunakan akun google mail. Onesignal sudah terintegrasi dengan google mail. Jadi lebih mudah untuk melaukan pendaftaran.

Untuk melakukan pendaftaran silahkan kunjungi : https://onesignal.com/.

Baca Juga : Begini Cara Buat Notif Dynamic Island Di HP Xiaomi

Cara Membuat Notifikasi OneSignal

Untuk membuat notifikasi OneSignal, berikut adalah tahapan-tahapannya:

  1. Daftar atau masuk ke akun OneSignal Anda.
  2. Buat aplikasi baru atau pilih aplikasi yang sudah ada untuk membuat notifikasi.
  3. Integrasikan OneSignal dengan website atau aplikasi mobile Anda menggunakan plugin atau SDK yang tersedia.
  4. Buat pesan notifikasi yang ingin Anda kirimkan, termasuk judul, teks, gambar, dan tautan.
  5. Tentukan target penerima notifikasi, seperti pengguna yang sudah terdaftar, lokasi geografis, perangkat, atau segmen lainnya.
  6. Kirim notifikasi dengan menekan tombol “Kirim”.

Catatan: Pastikan bahwa integrasi OneSignal sudah benar dan dapat menerima notifikasi push. Ini bisa mempengaruhi kemampuan OneSignal untuk mengirimkan notifikasi dengan benar.

Baca Juga : Kode CK-769 Free Fire, Apakah Benar Kode Redeem Diamond Gratis?

Cara Merubah Warna Default di OneSignal

Secara default widget ini memiliki warna biru pada tombolnya, kalian juga bisa mengubah warna nya agar sesuai dengan template kalian.

Admin sudah menyiapkan css nya dan sudah support darkmode juga, tinggal kalian sesuaikan class darkmodenya saja jika berbeda. css ini bisa kalian letakkan di atas kode ]]></b:skin>.

Buat pengguna wordpress kalian bisa menempatkan kode css ini ke css tambahan atau editor theme kalian.

/* css costom warna onesignal */
#onesignal-slidedown-allow-button{background-color:#f09800!important}
#onesignal-slidedown-container #onesignal-slidedown-dialog .primary.slidedown-button+.secondary.slidedown-button{color: #f09800!important;background-color:transparent!important}
/* css untuk darkmode, sesuaikan classnya jika berbeda atau bisa hapus bagian ini */
.dark-mode #onesignal-slidedown-container #onesignal-slidedown-dialog .slidedown-body-message {color:#fff!important}
.dark-mode #onesignal-slidedown-container #onesignal-slidedown-dialog {background-color:#2d2d30!important}

Ubah kode warna #f09800 sesuai dengan warna website kalian, jika fitur darkmode tidak sesuai kalian sesuaikan classnya jika berbeda atau bisa hapus bagian ini.

Sampai di tahap ini kalian seharunya sudah bisa melihat warna tombol pada notifikasi website kaliian sudah berubah.

Comments are not available at the moment.

Leave a Reply

Your email address will not be published. Required fields are marked*

*

*

Related post
7 Cara Mengetahui Password WiFi yang Belum Terhubung di Laptop

Editor

19 Mar 2025

Mencari tahu password WiFi yang belum pernah terhubung di laptop memang tidak mudah, tetapi ada beberapa metode yang bisa dicoba. Berikut langkah-langkahnya: 1. Melalui Pengaturan Router 2. Menggunakan Command Prompt (CMD) 3. Menggunakan Aplikasi Pihak Ketiga Beberapa aplikasi seperti WiFi Password Viewer atau WirelessKeyView bisa membantu menampilkan password WiFi yang tersimpan di laptop. Pastikan mengunduh …

5 Cara Jitu Membuka Situs yang Diblokir di Google Chrome Terbaru 2025

Editor

18 Mar 2025

1. Menggunakan Layanan Proxy Layanan proxy memungkinkan Anda mengakses situs yang diblokir dengan menyembunyikan identitas online. Contoh layanan proxy yang populer adalah CroxyProxy. Berikut langkah-langkahnya: Kelebihan: Kekurangan: 2. Menggunakan Virtual Private Network (VPN) VPN dapat menyembunyikan alamat IP Anda dan mengarahkan koneksi melalui server di lokasi lain, sehingga memungkinkan akses ke situs yang diblokir. Beberapa …

Link Video 5 Menit Viral Bu Guru Salsa Karena Dijebak Mantan Pacar, Begini Tanggapan sang Suami

Editor

09 Mar 2025

Kehidupan pribadi seseorang seharusnya menjadi ranah yang dihormati oleh semua pihak. Namun, di era digital ini, privasi bisa dengan mudah terganggu, seperti yang dialami oleh Bu Guru Salsa, seorang pengajar di Kecamatan Ambulu, Jember. Namanya menjadi perbincangan hangat setelah sebuah video pribadinya beredar di media sosial, memicu berbagai reaksi dari masyarakat. Bagaimana Video Bu Guru …

6 Cara Top Up Koin TikTok Gratis 2025

Editor

20 Feb 2025

Koin TikTok merupakan mata uang virtual yang bisa digunakan untuk membeli hadiah digital (gift TikTok) dan mendukung konten kreator. Kamu harus beli dan isi ulang koin jika ingin mengirim hadiah ke host TikTok. Namun, ternyata ada cara top up koin TikTok gratis. Jika jumlah koinnya masih kurang, kamu bisa menggunakan cara beli koin Tiktok murah pakai DANA …

Cara Belajar SEO Untuk Pemula Mudah dan Gampang

Neatgarry

16 Feb 2023

Premis.id – Bagaimana cara belajar SEO website untuk pemula? Sebagian orang mungkin masih banyak yg belum tahu tentang SEO, SEO juga harus di optimasi untuk website kita. Dengan SEO website juga di nilai mempunyai value yang sangat penting agar tulisan kamu bisa di temukan di mesin pencari dan berada di halaman atas. Teknik SEO merupakan …

Cara Daftar Youtube Agar Dapat Uang di Tahun 2023

Editor

22 Jan 2023

cara daftar akun youtube mereka akan mendapatkan uang dan penghasilan.