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

Cara Mengganti Warna Tombol Notifikasi Onesignal

Editor 04 Feb 2023 788

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

Cara Screenshot Panjang di Browser Komputer (PC)

Febri

05 Jan 2023

Untuk mengambil screenshot (capture) sebuah halaman web atau layar komputer yang panjang, Anda dapat menggunakan beberapa cara berikut:

Cara Menghilangkan Notifikasi 3 (Tri) Pop Up Secara Permanent

Editor

12 Nov 2022

Premis.id – Bingung cara menghilangkan notifikasi 3? Bagi pengguna sim card kartu 3, mungkin sering mengalami adanya notifikasi yang tiba-tiba muncul dan itu sangat menggangu. Sebenarnya notifikasi planet 3 ini merupakan salah satu bentuk promosi dari 3 Indonesia yang menawarkan berbagai promo paket menarik. Namun sayangnya munculnya tidak pakai aturan, bisa sewaktu buka sosial media, …

Cara Mendapatkan Penghasilan Uang 1 Juta sampai 100 juta Perhari di Tahun 2023

Editor

09 Nov 2022

Cara Mendapatkan Penghasilan Uang 1 Juta sampai 100 juta Perhari di Tahun 2023

Terbaru Cara Daftar dan Mudah di Terima Adsense 2023

Editor

26 Oct 2022

Premis.id – Pernah bertanya dan bagaimana cara mudah daftar dan di terima google adsense di tahun 2023?. Tentu bagi mereka yang belum banyak tahu bagaimana cara daftar google adsense dengan mudah dan agar bisa di terima. Mendapatkan penghasilan di tahun 2023 kedepan akan tentu sulit, dengan berbagai banyak persaingan dan ide-ide kreatif lainya. Sebagai seorang …