Skip to main content

Posts

Showing posts with the label web design

Cara Membuat Motion Captcha JQUERY

setelah sebelumnya berbagi tentang Source Code Captcha PHP+Bootstrap ,  kali ini saya akan berbagi tentang captcha kembali, namun bukan menggunakan angka,huruf,ataupun suara. tetapi meniru gambar. sebagai contoh klik diforum saya -> disini langkah pertama, silahkan anda unduh file pluginnya     Motion Captcha JS     JQUERY setelah itu buatlah folder bernama style, dan replace semua file unduhan tadi di dalam folder style tersebut. setelah itu, bukalah code editor[notepad++] atau yang lainnya. perintah untuk memanggil file pluginnya <link rel="stylesheet" href="style/jquery.motionCaptcha.0.2.css"/> <script src="style/jquery.min.js" type="text/javascript"></script> <script src="style/jquery.motionCaptcha.0.2.js" ></script> dan berikut ini adalah code cascading stylesheetnya <style> form {     width: 440px;     display: block;     text-align:left;     margin: 20px auto; } inpu

Cara Membuat Subdomain di Hosting dari WIX

pada tutorial kali ini, Raka Adi Nugroho akan berbagi tentang bagaimana cara membuat subdomain pada penyedia yang tidak bisa diganti Name Server nya. setelah sebelumnya tentang Cara Setting Domain dari WIX tanpa Name Server , kali ini bagai mana cara membuat sub domain sebagai contoh forum.joskoding.info tidak menggunakan Name Servernya . Pertama, silahkan anda Login di Hosting anda. dan masuk bagian tentang Sub Domain , sebagai contoh gambar dibawah ini. ketikan alamat Sub Domain anda, sebagai contoh nanti hasilnya adalah rakaadinugroho.joskoding.info . setelah itu kita klik Create jika sukses maka akan muncul di List Current Sub Domain   sambil menunggu status nya menjadi Live , dan silahkan anda Check. pasti masih Server Not Found. kita sekarang akan seting di wixnya. buka wix.com dan silahkan buka panel Advance Manage DNS seperti pada tutorial pertama saya. klik pada link Add New A Record , dan akan muncul Pop Up   pada hostname kita masukan link Sub Domai

Cara Setting Domain dari WIX ke Hosting

pada bagian ini admin akan memberikan pengahan bagaimana cara menseting domain yang telah kita beli di wix.com dengan hosting kita. perhatikan baik-baik bahwa wix tidak bisa di ganti nameservernya, jika belum 60 hari registrasi. tapi jangan khawatir, kita akan gunakan point A RECORDnya pertama silahkan login wix.com   setelah anda login wix.com silahkan anda masuk ke konfigurasi akun anda, dan pilih tabulasi Domains   setelah itu silahkan manage domain yang anda punya.   kemudian kita pilih domain yang akan kita manage, disini dicontohkan joskoding.info Silahkan di Kunjungi) setelah anda mengklik maka akan muncul tabulasi baru, silahkan pilih advance   kita klik manage , untuk mengkonfigurasi DNS Recordnya muncul jendela seperti dibawah ini   nah,ini yang akan kita ganti.  kita akan rubah pointnya ke IP Server Hosting kita. caranya klik gambar pencil di bagian kanan, dan akan muncul PopUp . disitulah nanti anda akan mengganti IP Server Hostingnya(seper

Dasar-dasar Htaccess Tutorial

dasar-dasar htaccess , merupakan file simple yang bisa jadi jantung website anda, dengan Menggunakan ini Anda dapat dengan mudah mengkonfigurasi dan mengarahkan sistem file Apache Web Server . Posting ini akan menjelaskan kepada Anda bagaimana untuk membuat URL yang ramah , sub direktori domain redirect dan banyak lagi . Cara Membuat .htaccess ? sebelum anda membuat file htaccess aktifkan dulu mod_rewrite di konfigurasi apachenya cara nya lihat postingan saya sebelumnya disini

Download 13 Ebook Karya Raka Adi Nugroho

Ebook Tentang Design, Dan Koding Yang Di Tulis Langsung Oleh Sang Admin Web Ini. Mempermudah Anda Dalam Pembelajaran. Terdapat Beberapa Kategori, Seperti : Dreamweaver Photoshop PHP MYSQL Elektronika Hacking Tips & Trick List Download

Source Code Web Mobile

Source Code Dari Saya Kali Ini Adalah Tentang WEB berbasis MOBILE. Responsive Design, dengan HTML5 dan JQuery Mobile. Fitur : Index Login SignUp List User After Login Untuk Lebih Jelasnya Silahkan Lihat ScreenShoot,   Halam Index Halaman SignUp Untuk Lebih Jelasnya SIlahkan Unduh File Source Codenya File : .rar Size : 200Kb Download Disini

Cara Membuat Tombol Scroll Top JQUERY

pada tutorial kali ini, admin akan berbagi bagaimana cara membuat tombol scroll top menggunakan CSS dan tambahan JQUERY agar terlihat lebih halus. untuk pertama kali seperti biasa kita buat file inde xnya. mungkin sudah bisa silahkan tambahkan syntax ini diantara body code : <a href="#" class="scrollToTop">Scroll To Top</a> Setelah Memasukan kode di atas. silahkan buat file css code : .scrollToTop { width : 100px ; height : 130px ; padding : 10px ; text-align : center ; background : whiteSmoke ; font-weight : bold ; color : #444 ; text-decoration : none ; position : fixed ; top : 75px ; right : 40px ; display : none ; background : url(' arrow_up.png ') no-repeat 0px 20px ; } .scrollToTop:hover { text-decoration : none ; }   Setelah CSSnya sekarang Buat Lagi FIle JSnya. code : $(document).ready(function(){ //Check to see if the window is top if not then display button $(

Tutorial Upload Download PHP MySQL

Tugas Sekolah Hari Ini Pembuatan Tutorial Langsung Saja Download di SINI Oleh :  Raka A N Risa Yuliawan

5 CSS UI KIT Gratis

Untuk mempercantik tampilan situs, dan mengikuti perkembangan jaman. kali ini admin akan berbagi tentang 5 CSS UI KIT, apa si UI ? UI, UI adalah singkatan dari User Interface jadi bisa di maknai bahwa tool ini adalah untuk mempercantik interface[wajah] website yang kita buat saat di buka oleh user[pengguna]

Perintah Dasar MySQL

Ada beberapa perintah dasar dalam MySQL,  Berikut ini beberapa perintah dasar MySQL: 1). Mengecek Paket MySQL Untuk mengecek paket-paket MySQL, ketikkan perintah: # rpm –qa | grep mysql 2). Melihat versi MySQL Untuk melihat versi MySQL yang ada dalam sistem, ketikkan: # mysql –version 3). Masuk ke MySQL Ketikkan  mysql  pada sistem agar kita bisa masuk ke dalam  database  MySQL. 4). Melihat Database Untuk melihat  database  apa yang ada di MySQL, ketikkan: >  show databases ; 5). Membuat Database Baru Untuk membuat  database  baru, ketikkan perintah: >  crate database  nama_database; Ingat:  nama_database diubah menjadi nama  database  sesuai dengan keinginan kita. Dalam postingan ini kita akan membuat  database  latihan, sehingga perintahnya menjadi: >  create database  latihan; 6). Menggunakan Database Untuk menggunakan  database  yang ada di MySQL, ketikkan perintah: >  use  nama_database; Karena kita telah membuat  da

Cara Mengaktifkan cURL di XAMPP / WAMP

cURL merupakan sebuah fungsi yang berguna untuk meng-grab / mengambil konten dari sebuah halaman website (CMIIW). Dengan cURL pula kita bisa melakukan simulasi request method POST ke server (mengirim sebuah parameter dari sebuah form dengan method POST).  Pada tutorial kali ini saya membahas mengenai pengenalan apa itu cURL, bagaimana melakukan pengecekan modul cURL pada server dan menerapkan cURL untuk mendapatkan timeline dari twitter milik anda. Namun dari Bagusnya cURL, kadang tidak aktif di webserver local. untuk mengaktifkannya caranya adalah : 1. Tutup Wamp / Xampp Anda. 2. Buka php.ini  yang berada di root folder webserver lokal kita 3. cari tulisan ; extension=php_curl.dll 4. Hilangkan ; 5. Restart Webservernya Sukses

Cara Mengaktifkan .htaccess di Wamp / Xampp

.htaccess adalah file text sederhana(dalam format ascii). Pada umumnya kita bisa menggunakan file .htaccess untuk merubah beberapa konfigurasi untuk mengarahkan pada web server apache.  .htaccess merupakan komponen yang mungkin sudah tidak awam lagi di dengar kita, namun beberapa versi web server menonaktifkan .htaccess , sehingga situs yang kita buat tidak bisa di buka. tutorial kali ini kita akan membahas bagaimana cara mengaktifkan kembali .htaccess pada xampp maupun wamp Langkah-langkah : pertama klik kiri pada wamp yang sudah berjalan di systray setelah itu, buka dan cari #LoadModule rewrite_module modules/mod_rewrite.so setelah itu, hapus tanda #  dan simpan. kemudian restart service nya

Cara Mendapatkan Domain TLD Untuk Blog

Apa itu Nama Domain? Apa itu Top Level Domain (TLD)? Dapatkah saya mendapatkannya gratis? Apa itu nama Domain? Nama Domain adalah nama unik yang diberikan untuk mengidentifikasi nama server komputer seperti web server atau email server di internet. Nama Dom ain memberikan kemudahkan pengguna di internet untuk melakukan akses ke server dan mengingat server yang dikunjungi dibandingan harus mengenal deretan nomor atau yang dikenal IP. Apa itu Top Level Domain? Top Level Domain Name adalah deretan kata dibelakang nama domain seperti .com (dotcommercial), .net (dotnetwork), .org(dotorganization), .edu(doteducation), .gov(dotgoverment), dan .mil(dotmilitary).  Ada dua macam Top Level Domain, yaitu Global Top Level Domain (gTLD) dan Country Code Top Level Domain (ccTLD). gTLD adalah seperti yang diungkapkan diatas dan ccTLD adalah TLD yang diperuntukkan untuk masing-masing negara, seperti Indonesia denga

Cara membuat game berbasis mobile

di era globalisasi ini, mobile telah menjadi kebutuhan yang tidak tersier lagi. hampir semua orang menggunakan peralatan ini, selain sebagai alat komunikasi. mobile juga sebagai penghilang kejenuhan yaitu bermain game , tutorial kali ini kita akan memperkenalkan beberapa software pembuat game berbasis mobile 1. Game Salad Tidak ada cara yang lebih cepat atau lebih mudah untuk mengembangkan game dibandingkan dengan GameSalad .dengan dukungan antarmuka perpustakaan perilaku kompleks memberikan kebebasan hampir tak terbatas bagi para pembuat game . Membawa pekerjaan Anda untuk hidup dalam jam dan hari, bukan minggu dan bulan . Ini semua mampu dengan GameSalad . Download Disini 2.  Yoyo Games GameMaker: Studio caters to entry-level novices and seasoned game development professionals equally, allowing them to create cross-platform games in record time and at a fraction of the cost! In addition to making games development 80 percent faster than coding for nativ

Source Code Aplikasi Chating Ajax Dengan PHP+MYSQL

Aplikasi Chating, merupakan aplikasi yang sedang booming di tahun ini dengan munculnya beberapa social network berbasis message. kali ini admin akan berbagi source code aplikasi chating  Selain itu source code kali ini kita akan berbagi dengan basis website dinamis, menggunakan server lokal Persyaratan Sistem: -Xampp 1.7.3 atau di bawah atau menggunakan WAMP -Chrome, Firefox, Opera Cara Instal? -Download file di paling bawah -Ekstrak file zip ke htdocs (ini adalah jalan: C: \ \ xampp \ htdocs) Buat database -Pergi ke browser Anda dan  ketikan "localhost/phpmyadmin" -Buat nama database chat -Klik Tab Impor dan Browse file sql Download Disini jika terjadi kesalahan silahkan komentar

Source Code Komentar Menggunakan PHP+MYSQL

komentar menggunakan php+mysql, merupakan komponen yang cukup penting dalam membangun situs berbasis portal maupun pribadi. yaitu terdapatnya form untuk mengentri data, namun langsung akan ditampilkan kedalam monitor anda. Persyaratan Sistem: - Xampp 1.7.3 atau di bawah atau menggunakan WAMP - Chrome , Firefox , Opera Cara Instal ? - Download file di paling bawah - Ekstrak file zip ke htdocs (ini adalah jalan: C : \ \ xampp \ htdocs ) Buat database - Pergi ke browser Anda dan  ketikan "localhost / phpmyadmin " - Buat nama database knowme - Klik Tab Impor dan Browse file sql Akses Web - Aturlah konfigurasinya di folder "include/db.php" Download Disini     jika anda menemukan link rusak, silahkan komentar

Source Code Tambah,Hapus,Edit dengan PHP+MYSQL

Source code tambah, hapus, edit dengan PHP+MYSQL merupakan teknik dasar dalam pembuatan web berbasis dinamis . oleh karena itu jika anda ingin membuat web dinamis maka anda harus menguasai dari pada teknik ini Persyaratan Sistem: - Xampp 1.7.3 atau di bawah atau menggunakan WAMP - Chrome , Firefox , Opera Cara Instal ? - Download file di paling bawah - Ekstrak file zip ke htdocs (ini adalah jalan: C : \ \ xampp \ htdocs ) Buat database - Pergi ke browser Anda dan  ketikan "localhost / phpmyadmin " - Buat nama database actual_db - Klik Tab Impor dan Browse file sql Akses Web - Aturlah konfigurasinya di folder "connection.php" Download Disini jika file not found, silahkan komentar

Source Code Like dan Dislike dengan PHP+MYSQL

Source code like dan dislike dengan PHP+MYSQL  , sebagai contoh adalah facebook dan twitter yang menerapkan konsep system seperti ini pada setiap postingannya. tutorial kali ini kita akan membahas bagaimana cara membuat like dan dislike. Persyaratan Sistem: - Xampp 1.7.3 atau di bawah atau menggunakan WAMP - Chrome , Firefox , Opera Cara Instal ? - Download file di paling bawah - Ekstrak file zip ke htdocs (ini adalah jalan: C : \ \ xampp \ htdocs ) Buat database - Pergi ke browser Anda dan  ketikan "localhost / phpmyadmin " - Buat nama database terserah anda - Klik Tab Impor dan Browse file sql Akses Web - Aturlah konfigurasinya di folder " database/config.php" Download Disini jika file not found, please komentar    

Cara Membuat Registrasi dengan PHP+MYSQL

Ini adalah tutorial sederhana yang akan mengajarkan Anda tentang cara membuat form pendaftaran sederhana menggunakan PHP / MySQL dengan JavaScript untuk validasi input. Tutorial ini tidak akan mengajarkan Anda tentang cara untuk membuat desain yang baik melainkan untuk memberikan pengetahuan tentang cara membuat formulir pendaftaran yang berfungsi penuh . Pertama kita akan membuat database Untuk membuat database : 1 . Buka phpmyadmin 2 . Klik membuat tabel dan nama sebagai simple_login . 3 . Kemudian nama database   " simple_login". 4 . Setelah membuat nama database , klik SQL dan paste kode di bawah ini . Code

Cara Membuat Login PHP + MYSQL

C ara membuat halaman login menggunakan PHP / MySQL. Fitur-fitur dari halaman login saya mengandung validasi input menggunakan sesi PHP. Salah satu fitur unik juga dengan halaman login saya adalah logout fungsi, itu unik karena tidak seperti dengan halaman login yang lain setelah pengguna mengklik tombol logout dan klik tombol belakang browser, sistem mereka memungkinkan pengguna untuk kembali seolah-olah masih login, yang tidak sesuai untuk alasan keamanan. Tapi di halaman login saya setelah pengguna mengklik tombol logout, pengguna tidak bisa lagi kembali ke halaman sebelumnya. Satu-satunya cara untuk kembali ke halaman sebelumnya adalah untuk login lagi. Untuk memulai tutorial ini mari kita ikuti beberapa langkah di bawah ini. Buat Lah Database 1. Buka phpmyadmin 2. Buatlah Database Baru 3. Kemudian nama database sebagai "simple_login". 4. Setelah membuat nama database, klik SQL dan paste kode berikut. Code :