Membuat Alert Bergaya Facebook dengan CSS dan JQuery

source code dapat di copy dengan mengarahkan cursor ke area source code kemudian mengklik tombol dengan icon kertas putih dan <>
Pembuatan desain yang menarik serta user friendly dalam membangun aplikasi berbasis website akan menjadi nilai tersendiri. Salah satu effect postifnya adalah pengguna akan betah berlama-lama pada halaman website yang kita bangun. Sebut saja aplikasi jejaring sosial seperti facebook. pertanyaanya, mengapa seolah kita butuh dengan facebook? rasanya ada yang aneh jika sehari saja tak buka facebook. #lebay

Salah satu hal yang dapat menjawab pertanyaan diatas adalah karena desain tampilan facebook sangat menarik dan familiar dengan pengguna bahkan untuk orang yang baru menggunakan facebook sekalipun. caba pikirkan jika tampilannya tidak menarik? tentu andapun enggan bukan? Berangkat dari hal itu membuat aplikasi website tidak sebatas pada kata "Yang penting Aplikasi Bisa jalan"

Membuat Alert Seperti Facebook dengan CSS dan JQuery

Berikut saya sharing sebuah contoh sederhana bagaimana membuat sebuah alert dan notifikasi bergaya jejaring sosial raksasa yaitu facebook. Tampilannya seperti gambar diatas. cukup mudah membuatnya hanya dengan kombinasi css dan jquery saja. Dalam implementasinya agar lebih dinamis akan lebih baik jika digabungkan dengan teknologi AJAX yang sudah saya bahas pada postingan sebelumnya. Jika anda berminat anda dapat mendownload source code contohnya (lengkap) disini. Happy Coding :)
source code dapat di copy dengan mengarahkan cursor ke area source code kemudian mengklik tombol dengan icon kertas putih dan <>

Share this

Related Posts

Previous
Next Post »

bantu kami untuk lebih baik; jika ada hal yang kurang jelas atau broken link silahkan masukan komentar anda kami akan segera menanggapi dan memperbaikinya. login ke akun gmail anda untuk menampilkan form komentar.