Postingan

Menampilkan postingan dari September, 2017

Tips Mendengarkan Spotify Seperti Premium

Gambar
Mendengarkan musik di spotify memang menyenagkan karena kualitas suaranya tinggi dan juga musiknya asli, daripada download lagu dari internet yang bajakan. namun jika kita tidak berlangganan kita tidak bisa bebas memindahkan lagu sesuai keinginan kita. untuk mengatasinya adalah hubungkan spotify anda ke komputer atau ke tv. fitur ini sangat keren karena handphone kita bisa dijadikan sebagai remotenya, pindahkan dari handphone dengarkan di komputer, selain itu dengan mengaktifkan fitur ini kita bisa bebas memindahkan lagu sesuai keinginan kita tanpa batas, dan juga fitur acak bisa dinonaktifkan. hampir sama dengan premium bedanya iklan tetap ada dan lagu tidak bisa di download, namun kita dapat bebas memindahkan lagu, sebelumnya, selanjunya, mengulang lagu, di acak atau tidak diacak. dan jika ada lagu yang ingin banget di dengerin bisa langsung di play. Spotify bisa menjadi teman kita saat ngoding atau saat bersantai, saat diperjalanan atau saat akan tidur, koleksi lagunya lengkap bange...
Posting Komentar
Baca selengkapnya

Membuat sistem Notifikasi Menggunakan PHP, AJAX dan Bootstrap

Gambar
Pada kesempatan ini kita akan membahas tentang sistem notifikasi dengan menggunakan PHP, AJAX dan Bootstrap, sistem notifikasi ini bisa anda terapkan pada aplikasi / projek anda.  langsung saja untuk membuatnya seperti biasa buat dulu html nya seperti berikut: <!DOCTYPE html> < html > < head > < meta charset= "utf-8" > < title >Popup Notification Like Facebook using PHP AJAX Bootstrap</title> < script src= "https://code.jquery.com/jquery-3.2.1.min.js" integrity= "sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin= "anonymous" ></script> < link rel= "stylesheet" href= "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" > < script src= "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" charset= "utf-8" ></script> < style media= "screen" >         #alert-popover         {    ...
Posting Komentar
Baca selengkapnya

Membuat Tags dengan PHP, AJAX dan Bootstrap Tokenfield

Gambar
Pernahkah anda melihat tags di blog atau website? Bagaimanakah cara membuatnya, kali ini kita akan membuat sistem tags dengan plugin bootstrap tokenfield, kemudian menyimpan datanya ke database dengan PHP dan AJAX.  langkah pertama kita buat dulu HTMLnya: <!DOCTYPE html> < html > < head > < meta charset= "utf-8" > < title >Multiple Bootstrap Tags with PHP and AJAX</title> < script src= "https://code.jquery.com/jquery-3.2.1.min.js" integrity= "sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin= "anonymous" ></script> < link rel= "stylesheet" href= "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" > < script src= "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" charset= "utf-8" ></script> < link rel= "stylesheet" href= "https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.1...
Posting Komentar
Baca selengkapnya

Membuat Animasi Text diisi Air di CSS

Gambar
Hallo Selamat Sore, kali ini admin mau membuat tutorial cara membuat animasi text dengan efek seperti diisi air, menggunakan HTML dan CSS. langkah pertama buat dulu htmlnya seperti berikut : <!DOCTYPE html > <html> <head> <title> Text Filling With water </title> <link rel= "stylesheet" href= "style.css" > </head> <body> <div class= "loader" > <h1> water </h1> </div> </body> </html> kemudian buat CSS nya seperti berikut: body { margin: 0; padding: 0; background: #262626; font-family: arial; } .loader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .loader h1 { margin: 0; padding: 0; text-transform: uppercase; font-size: 10em; color: rgba(255,255,255,.1); background-image: url("water.png"); background-repeat: repeat-x; background-clip: text; -webkit-background-clip: text; animation: animate 15s linear infinite; ...
Posting Komentar
Baca selengkapnya

Menambahkan animasi Loading ketika halaman sedang di muat

Gambar
pada kesempatan kali ini admin akan membahas cara membuat animasi loading, animasi loading dipakai untuk menunggu halaman kita ketika sedang dimuat, untuk membuatya pertama buat dulu struktur htmlnya, tambahkan kode berikut di bagian body <!-- Loading Page --> <body onload= "myFunction()" style= "margin:0;" > <div id= "loader" ></div> <div style= "display:none;" id= "myDiv" class= "animate-bottom" > kemudian buat cssnya seperti berikut /* Center the loader */ #loader { position: absolute; left: 50%; top: 50%; z-index: 1; width: 150px; height: 150px; margin: -75px 0 0 -75px; border: 16px solid #f3f3f3; border-radius: 50%; border-top: 16px solid #3498db; width: 120px; height: 120px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { tra...
Posting Komentar
Baca selengkapnya