Posts

Showing posts with the label Download

Menampilkan Gambar Online Otomatis PHP

Image
Masih dengan tutorial php, kali ini saya ingin sharing yaitu Menampilkan Gambar Online Otomatis dengan PHP. Sebelum kamu membuat file ini pastikan dahulu koneksi internet di PC/Laptop kamu sudah aktif, supaya pada saat memasukan url gambar di inputan agar bisa ditampilkan di halaman selanjutnya.Untuk Sintak bisa kamu lihat dibawah ini : Terdapat 4 file php : header.php index.php (Berfungsi untuk menampilkan form dan inputan) load_proses.php (Berfungsi sebagai file untuk proses dan menampilkan gambar nantinya) footer.php File Header.php <?php $title = ucwords("Menampilkan gambar online otomatis php"); ?> <!DOCTYPE html> <html> <head> <title><?php echo $title; ?></title> <link rel="stylesheet" href="assets/css/bootstrap.min.css"/> <link rel="stylesheet" href="assets/css/font-awesome.min.css"/> </head> <body> File index.php <?php include_once 'header.php'; ?...

Membuat Kalkulator dengan PHP

Image
Kali ini saya ingin sharing ilmu mengenai php yaitu tentang bagaimana cara Membuat Kalkulator dengan PHP , membuat aplikasi ini membutuhkan sintak html sebagai pelengkapnya yaitu menggunakan sintak form dan juga input . Ok langsung saja untuk deretan kodenya bisa lihat dibawah ini : Sintak HTML dan PHP <html> <head> <title>Aplikasi Kalkulator</title> </head> <body> <form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post"> <input type="text" name="inputan1" placeholder="masukan angka pertama"> <select name="option"> <option value="+">Tambah</option> <option value="-">Kurang</option> <option value="x">Kali</option> <option value="/">Bagi</option> </select> <input type="text" name="inputan2" placeholder=...

Membuat Kolom Responsive Dengan HTML dan CSS

Image
Kali ini saya ingin sharing tutorial tentang bagaimana cara membuat kolom yang responsive pada website. Apa itu Website Responsive ? Website responsive adalah sebuah situs atau sebuah halaman website yang dimana kita bisa mengaksesnya di berbagai device dan situs itu bisa menyesuaikan bentuk halaman sesuai dengan device mulai dari komputer ,  laptop sampai smartphone . Sebagai contoh saja bisa dilihat gambar dibawah ini : Contoh diatas saya membuka lewat smartphone saya, maka bisa dilihat perbedaan tampilan pada saat di kita membuka di laptop dan melalui smartphone. Untuk membuatnya kita membutuhkan 2 tahap , yang pertama sebuah meta tag yang nantinya berfungsi sebagai pengontrol agar dapat mendeteksi ukuran device yang kita pakai dan tampilan situs kita akan menyesuaikannya. Meta tag yang kita pakai ialah : <meta name="viewport" content="width=device-width, initial-scale=1"> Cara pakai meta tag diatas ialah cukup letakan tepat ditengah <head> dan diat...

Membuat Template Online Shop Simple

Image
Tutorial kali ini saya ingin sharing tentang bagaimana membuat design template online shop yang simple dengan html dan css saja. Alasan saya membuat design template ini karena ingin sekedar sharing saja dan untuk teman-teman saya yang ingin saya membuat design online shop ini. Nah, agar tidak lama-lama, silahkan perhatikan script dibawah ini : Sintak htmlnya untuk file index.html : <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>ViraShop</title> <link rel="stylesheet" href="assets/style.css"/> <link rel="stylesheet" href="plugin/awesome/css/font-awesome.min.css"> </head> <body> <div class="container"> <div class="logo"> <h3>Vira Online Shop</h3...

Membuat Design Website Dengan Thema Wonderful Indonesia

Image
Kali ini saya ingin sharing artikel yang berjudul  Membuat Design Website Dengan Thema Wonderful Indonesia . Pada artikel ini saya mendapat inspirasi design dari situs wonderful indonesia sendiri  http://www.indonesia.travel  , design ini terkesan sangat elegan dan bersih ketika masuk ke interface. Pada penggunaan jenis font saya menggunakan link online dari google font. Nah untuk codenya kamu bisa lihat dibawah ini : Baca juga :  Google Font Terbaik untuk Font Website dan Blog Buat dulu kode htmlnya seperti dibawah ini dan letakan pada text editor kamu :  <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Welcome to Home Page</title> <link rel="stylesheet" href="style.css"/> <link href="https://fonts.googleapis.com/css?family=Coiny|Roboto" rel="stylesheet"/> </head> <body> <nav...

Rekomendasi Text Editor Website Buat Kamu yang Suka Coding

Image
Buat kamu yang suka ngoding nih pastinya kamu perlu tau text editor yang recomended banget buat kamu kan, disini saya akan sharing text editor website yang wajib kamu pakai untuk teman codingmu tentunya semakin mempermudah kamu untuk mengetik program-program mulai dari program tingkat dasar sampai tingkat tinggi seperti menggunakan java dan freamwork yang sedang naik daun di tahun ini. Berikut ini beberapa text editor yang wajib buat kamu ketahui : Sublime Text  Sublime Text ini adalah text editor yang recomended banget buat kamu yang sudah jago coding ataupun baru belajar, kenapa ? karena di sublime text ini banyak fitur yang kamu bisa temukan dan bukan hanya itu kamu juga bisa custom setiap tool dan menambahkan plugin didalam nya seperti colorpicker dll. Untuk download aplikasi nya silahkan klik disini . Bracket Lanjut ke no 2, yaitu ada text editor yang tak asing lagi tentunya Bracket , bracket ini hampir sama seperti sublime namun yang membedakannya ialah ada suatu fitur yang ...

Download Aplikasi Hutang Piutang Berbasis Website

Image
Aplikasi Hutang Piutang adalah aplikasi yang mengatur atau mengelola keuangan antara orang yang mempunyai hutang dan sebaliknya. Aplikasi yang saya buat ini adalah aplikasi Hutang Piutang Berbasis Website dan memiliki beberapa fitur diantaranya : Fitur : Home  Input Hutang Transaksi Hutang Input Piutang Transaksi Piutang Agent  Invoice Laporan / Report NB : System diatas dijalankan menggunakan ajax full sehingga mempermudah kinerja anda Aplikasi ini saya hargai cuma Rp.150.000 saja, jika anda ingin mendownload silahkan kirimkan bukti teransaksi ke : Gmail : ajussaditya@gmail.com atau WA       : 085858894042 Pembayaran Via Transfer Bank BRI :  Rekening : 465401012914531 Aplikasi akan dikirim jika anda sudah melakukan transaksi ke Rekening BRI diatas dan aplikasi kasi dikirim melalui Email anda, saat anda sudah KONFIRMASI kepada saya melalui Whatsapp / Gmail .