Did-X

ROTATING MENU CIRCLE DENGAN CSS hai semua, kali ini saya akan membahas mengenai cara membuat rotating menu dengan css. Cukup sederhana dan mudah di pahami dan yang pasti insha allah bermanfaat hehe. Oke langsung saja kita ke coding, pertama kita buat dulu folder buat menyimpan file css dan html nya, terserah teman-teman nama foldernya apa dan di simpan dimana, yang penting file css dan html nya berada di satu folder. 1. Buat file index.html 2. Buat file style.css Hasilnya akan seperti ini : Jika teman-teman mengarahkan kursor ke setiap huruf di atas circle, circle akan berputar ke arah jam 12 atau jadi paling atas sesuai huruf yang teman-teman pilih di atas circle. Oh ya, teman-teman bisa ubah hurufnya tidak harus did-x bisa juga di ganti dengan angkat asal ada 5 huruf. Semoga bermanfaat :)

MEMBUAT ANIMASI ZOOM IN DENGAN CSS Hai kembali lagi di blog ane, sudah lama nih ane ga bikin artikel (agak sedikit males) :v Sekarang ane akan membagikan pengalaman ane membuat animasi zoom in sederhana dengan css, teman-teman bisa mengikuti langkah-langkahnya. Tapi sebelumnya ane ngasih tau ane di sini menggunakan eksternal css (css dengan html nya tidak satu file) jadi kita harus memanggil file css nya di file html, bagi teman-teman yang terbiasa dengan internal css juga bisa (css dengan html nya satu file) tinggal menyesuaikan saja. Oke langsung saja kita implement, berikut langkah-langkahnya : 1. buat file dengan nama style.css Teman-teman bebas menyimpanya dimana saja asalkan file html dan file css nya satu folder supaya mudah pas pemanggilan file css nya. 2. buat file dengan nama index.html Bagaimana? mudahkan membuatnya?:) Sederhana sekali ya? ane sengaja buat sederhana biar teman-teman mudah memahaminya. Hasilnya bisa teman-teman uji coba sendiri, kal

MENAMPILKAN MODAL KETIKA HALAMAN DI RELOAD Bagaimana cara menampilkan modal ketika halaman di reload? mudah saja kalian siapkan terlebih dahulu : 1. Bootstrap (  https://getbootstrap.com/  ) 2. file jquery (  http://jquery.com/  ) Setelah anda mendownload keduanya, silahkan buat folder modal simpan di mana aja (saya menyimpan nya di drive C). Kemudian extract bootstrap yang sudah di download tadi , simpan di dalam folder modal yang tadi di buat. Jangan lupa juga simpan file jquery nya di dalam folder bootstrap/js. Jika sudah kita langsung saja ke coding nya, cukup simple dan insha allah mudah di pahami. Hasilnya seperti ini Bila Penjelasan tentang modal nya kurang jelas , bisa kalian baca di artikel saya sebelumnya. Terima Kasih semoga bermanfaat :))

CRUD DENGAN PHP DAN JQUERY AJAX Haii iam comeback cieee wkwkwk gaje ya :D kali ini saya akan berbagi pengalaman bagaimana cara membuat CRUD dengan PHP dan Jquery Ajax. Sebelum anda membuat CRUD dengan PHP dan Jquery Ajax, anda harus menyiapkan bahannya terlebih dahulu diantaranya : 1. XAMPP atau WAMPserver 2. Jquery (  http://jquery.com/  ) Setelah anda mendownload XAMPP atau WAMPserver silahkan instal seperti menginstal aplikasi biasanya lalu simpan di C:\ , jika anda menggunakan XAMPP silahkan buat folder lat_ajax di C:\xampp\htdocts , sedangakan d wampserver anda membuat foldernya di C:\wamp64\www. lalu copy atau cut file jquery yang telah anda download ke dalam folder lat_ajax  tadi. Kemudian anda buat database (saya anggap anda sudah bisa membuat database sendiri biar ga terlalu panjang lebar wkwkw), di sini saya membuat database orang dengan nama tabel biodata -> field nya nama dan alamat (tanpa primary key), sedikit ya? wkwkw iya yang penting singkat, jelas, padat

MEMBUAT CRUD DENGAN CODEIGNITER Supaya cepat dan tutorialnya tidak panjang lebar di sini saya menganggap anda sudah bisa membuat database. Oke, di sini saya membuat database Kontak dengan tabel tbl_data . Nama database Dan ini struktur tabelnya. Struktur tabel Langkah pertama ketika anda membuat crud di codeigniter, anda harus sudah punya codeigniter nya. Jika belum anda bisa mendownload di sini  https://codeigniter.com/ Dan jika sudah punya atau sudah di download silahkan extract file zip codeigniter nya ke dalam folder htdocs C:\xampp\htdocs\ lalu rename menjadi Kontak. Kemudian anda atur configurasi, berikut langkah-langkahnya : 1. File autoload.php , letaknya di application/config/autoload.php $autoload['libraries'] = array(''); ubah menjadi ->  $autoload['libraries'] = array('database'); $autoload['helper'] = array(''); ubah menjadi ->  $autoload['helper'] = array('url');

MEMBUAT KONEKSI KE DATABASE DENGAN PHP & MYSQL Pertama anda harus membuat database nya terlebih dahulu, saya anggap anda sudah mengerti cara membuat database. Oke di sini saya punya database bernama db_employee dengan beberapa tabel di dalamnya. Setelah membuat database kita langsung ke Code PHP nya, perhatikan kode di bawah ini. Penjelasan : 1. Pada baris code ke 3 adalah baris dimana kita mengkoneksikan ke database. variabel $koneksi berfungsi menampung fungsi mysqli_connect("localhost","root","");   yang berfungsi mengkoneksikan ke database. 2. Baris code ke 5 adalah baris dimana kita memilih database yang sudah di buat, dan fungsi mysqli_error($koneksi); berfungsi mendeteksi apabila ada kesalahan/error. Sekian tutorial dari saya semoga bermanfaat :))

MENGHAPUS FOLDER BANDEL DENGAN SAFE MODE DI WINDOW 7 Ketika anda ingin menghapus folder tapi malah ga bisa seperti pada gambar di bawah, Pernahkah anda mengalami hal seperti ini? Hal di atas memang sering kali terjadi pada laptop/pc yang menggunakan sistem operasi windows. Folder di atas dapat di hapus dengan safe mode, lalu bagaimana kita bisa masuk ke safe modenya? mudah saja, perhatikan langkah-langkah berikut ini : - Cara 1 1. Nyalakan/restart pc anda 2. langsung tekan-tekan f8 pada keyboard anda 3. Jika berhasil masuk pilih safe mode 4. Tunggu sampai login safe mode selesai - Cara 2 1. Tekan tombol window+R 2. lalu ketikan msconfig, dan klik ok 3. Pilih menu boot dan centang menu safe boot 4. Klik Ok 5. Kemudian pilih restart Setelah anda masuk mode safe mode coba hapus folder bandelnya, insha allah ke hapus :) Lalu bagaimana cara keluar dari safe modenya? Caranya sama sa

MEMBUAT MODAL BOOTSTRAP Apa itu modal? modal disini bukan modal untuk usaha, tapi modal disini adalah sebuah kotak dialog atau popup untuk menampilkan pesan atau konfirmasi di layar. Sebelum anda membuat modal bootstrap pastikan anda sudah mendownload bootstrapnya terlebih dahulu. Jika belum, anda dapat mendownloadnya di  http://getbootstrap.com/  dan jangan lupa mendownload jquery nya juga di  https://jquery.com/ Cara Membuat Modal Bootstrap Dan hasilnya seperti ini : Penjelasan modal diatas, sebagai berikut : 1. berfungsi untuk memanggil file  bootstrap.css  di folder  css . 2. berfungsi memanggil file  jquery.min.js  dan  bootstrap.js  di folder  js . 3. Didalam tag element button terdapat atribut  data-target="#modalku"  , fungsinya untuk menentukan id modal mana yang akan di tampilkan. 4.  class="fade modal" , fungsinya untuk memberikan efek memudar pada saat penampilan/penutupan modal. 5. Atribut  data-dismis