18 Maret 2014

Mengganti Tampilan Alert Website dengan Javascript Alertify

Apakah teman-teman bosan dengan tampilan sebuah 'dialog box' alert atau peringatan yang muncul ketika teman-teman mengetikan sesuatu di browser? Pada dasarnya dialog box yang muncul pada sebuah browser adalah bawaan dari browser atau peramban yang kita gunakan tersebut.

Dalam ulasan singkat kali ini saya akan berbagi kepada teman-teman yang khususnya konsen pada dunia web developer. Melalui sebuah library sederhana yang di distribusikan secara gratis ini kamu bisa mengkustomisasi sebuah alert pada browser menjadi lebih cantik dan menarik.




Sebelumnya perkenalkan terlebih dahulu, nama library ini adalah Alertify, dan bisa kamu gunakan secara gratis. Bagi teman-teman yang penasaran silahkan langsung saja kamu lihat contoh penampakannya pada halaman Demo berikut.




Untuk cara pemasagan pada dasarnya kurang lebih sama ketika teman-teman menggunakan library Javascript lain. Contoh sederhananya seperti berikut.

Memanggil Javascript
<!-- ideally at the bottom of the page -->
<!-- also works in the <head> -->
<script src="PATH_TO_FILE/alertify.min.js"></script>
Memanggil CSS
<!-- include the core styles -->
<link rel="stylesheet" href="PATH_TO_FILE/alertify.css" />
<!-- include a theme, can be included into the core instead of 2 separate files -->
<link rel="stylesheet" href="PATH_TO_FILE/alertify.default.css" />

Untuk lebih lengkapnya silahkan teman-teman unduh saja Source Code Alertify yang sudah saya sediakan tautan beserta dokumentasinya di atas.

Semoga ulasan saya malam ini dapat berguna dan bermanfaat bagi teman-teman para pembaca blog ini. Sekian dan Wassalam.

6 comments

aq masih belum ngeh dengan kegunaan alert ini mas,but izin menyimak aja buat menambah pengalaman mas

Lihat di halaman demo aja mas, kurang lebih semisal mas mengaplikasikan library ini ke website nya mas. Alert dari dialog box nya bisa di kustomisasi lebih cantik daripada default bawaan browser. :)

Silahkan di pelajari mas, semoga bermanfaat. :)

Ga tau cra pakaix , pdhl udah sesuai tutor di situs resminya …

→ Komentar yang menyertakan link aktif, iklan atau titip link akan dimasukan ke folder SPAM
→ Gunakan kode ini utk Emoticon (tanpa ♦)
:) ♦ :( ♦ ;) ♦ :p ♦ =( ♦ ^_^ ♦ :D ♦ =D ♦ |o| ♦ @@ ♦ :-bd ♦ :-d ♦ :ngakak: ♦ :lol: ♦ :love: