Postingan

Menampilkan postingan dari Januari, 2017

Cara Membuat template wordpress sendiri

Gambar
Wordpress merupakan CMS yang paling banyak digunakan diinternet, wordpress pun sangat mudah digunakan dan dikustomisasi. template-template wordpress yang premium lumayan harganya, pada postingan kali ini kita akan membahas bagaimana cara membuat template wordpress dari awal. Pertama-tama anda buat folder baru di wp-content/themes dengan nama folder terserah anda nantinya nama folder tersebut akan menjadi nama thema wordpress anda untuk membuktikannya anda masuk ke wordpress di browser kemudian dibagian dashboard pilih tab thema akan muncul thema anda jika thema barunya diaktifkan muncul blank putih karena kita belum membuat apa-apa di themanya kemudian di folder baru tadi buat file index.php file ini akan menjadi halaman utama wordpress anda isi file nya sebagai berikut: <?php get_header();?> <div class="content"> <main> <?php if( have_posts() ): while( have_posts() ): the_post(); get_template_part('content', get_post_format()); endwhile; else...
Posting Komentar
Baca selengkapnya

cara membuat div slider dengan plugin slick

Gambar
Kali ini kita akan membuat div slider kalu membuat image slider sudah banyak di internet nah kalo membuat div slider kaya gimana, untuk membuat div slider tidak jauh berbeda dengan membuat image slider kalau image slider yang dibuat slide nya adalah gambar, pada div slider yang dibuat slidernya div berisi paragraph dll. Untuk membuatnya silakan anda exstrak slicknya kemudian buat file baru dan masukan kode dibawah: <!DOCTYPE html> <html> <head>   <title>Slick Playground</title>   <meta charset="UTF-8">   <link rel="stylesheet" type="text/css" href="./slick/slick.css">   <link rel="stylesheet" type="text/css" href="./slick/slick-theme.css">   <style type="text/css">     html, body {       margin: 0;       padding: 0;     }     * {       box-sizing: border-box;     }     section {       background: tran...
Posting Komentar
Baca selengkapnya

Membuat CRUD dengan Code Igniter

Gambar
Code Igniter adalah sebuah framework PHP yang paling mudah digunakan bagi pemula yang ingin belajar framework. sebelum ke framework ada baiknya jika anda belajar OOP (Object Oriented Programming) terlebih dahulu, karena framework sudah berbasis OOP, selain itu anda juga harus belajar PHP native terlebih dahulu. agar belajar framework nya lebih mudah ketimbang langsung ke framework. framework ini berbasis MVC (Model View Controller) dan ada juga tambhanya yaitu library dan helper. dengan Code Igniter Back End dan Front End bisa mengerjakan projek secara bersamaan karena berbasis MVC. Untuk membuat CRUD di Code Igniter pertama download dulu Code Igniternya kemudian ekstak dan taro di folder htdoc. lalu kita buat databasenya terlebih dahulu kemudian atur konfigurasi Code Igniternya lalu kita buat controllernya seperti ini: <?php class Kategori extends CI_Controller {   function __construct() {     parent::__construct();     $this->load->model('mo...
Posting Komentar
Baca selengkapnya

Cara Membuat CRUD dengan PHP Menggunakan PDO

Gambar
Pada Kesempatan ini kita akan membuat CRUD menggunakan PDO, dalam PDO ada beberapa perbedaan dibanding dengan CRUD menggunakan MYSQLi. pada CRUD ini akan kita buat berbasis Objek (OOP). pertama buat dulu database nya dengan nama mycrud lalu buat tabel person dengan record id, nama dan alamat. seperti ini: CREATE TABLE IF NOT EXISTS `person` (   `id` int(11) NOT NULL AUTO_INCREMENT,   `nama` varchar(50) NOT NULL,   `alamat` text NOT NULL,   PRIMARY KEY (`id`) ) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=5 ; Buat dulu folder projeknya disini saya menggunakan nama folder  mycrud lalu kita buat koneksi ke database dengan kode seperti ini: <?php $db = new PDO('mysql:host=localhost;dbname=mycrud', 'root', ''); Simpan kode diatas dengan nama database.php. pada kode diatas penulisan PHPnya seperti di CodeIgniter tidak ditutup karena berbasis Objek. lalu buat form input scripnya seperti ini: <?php include "database.php"; ?> <form action=...
Posting Komentar
Baca selengkapnya

Mengupload file dengan Code Igniter

Gambar
Pada kesempatan kali ini saya akan membahas cara mengupload file dengan CodeIgniter. untuk membuatnya pertama buat dulu folder uploads untuk menampung file hasil uploadnya di root folder Code Igniter lalu siapkan databasenya kita buat database dengan nama project lalu buat tabel dengan nama download isi recordnya ada download_id, nama_file dan ukuran. kemudian kita lakukan konfigurasi pada codeigniternya di folder config buka file config.php yang diganti autoload libraries diisi dengan database $autoload['libraries'] = array('database'); dan helper yang akan sering kita gunakan yaitu url dan form $autoload['helper'] = array('url','form'); lalu di file database.php pengaturan nya sesuaikan dengan database anda hostname localhost username root password dikosongkan databasenya diisi dengan project lalu folder controller buat file baru dengan nama upload scriptnya seperti ini: <?php class upload extends CI_Controller {           function index()  ...
Posting Komentar
Baca selengkapnya

Ebook untuk belajar web programming lengkap

Terlepas dari kesibukan saya di dunia kerja kali ini saya akan membagikan beberapa ebook untuk belajar pemrograman web. Menjadi devloper website sangat mengasikan dan untuk memulainya anda bisa mempelajari dari ebook-ebook dibawah ini 1. ebook HTML HTML kepanjangan dari Hyper Text Markup Language HTML merupakan bahasa pemrograman web yang paling dasar yang harus dikuasai jika anda ingin menjadi pemrogramer web Download ebook Mastering kode HTML disini 2. ebook CSS CSS adalah kepanjangan dari Cascading Style Sheet. dengan CSS anda bisa membuat style gaya apapun di website Download ebook CSS Tutorial disini 3. ebook Javascript Javascript merupakan bahasa pemrograman yang paling banyak diminati. website tanpa javascript rasanya hambar Unduh Ebook Latihan Javascript disini 4. ebook PHP PHP (Hyper Text Preprocessor) Adalah bahasa pemrograman web yang bekerja disisi server (back end) yang paling banyak digunakan di seluruh dunia Download ebook PHP dasar Tutorial disini 5. ebook jquery jquery...
Posting Komentar
Baca selengkapnya

Cara Membuat Animasi Equalizer dengan Adobe Flash

Gambar
Oke Pada kesempatan kali ini kita akan membuat Animasi Equalizer dengan Adobe Flash. Untuk membuatnya buat lembar kerja baru di adobe flash pilih action script 2.0 kemudian buat sebuah gambar untuk equalizer nya seperti ini lalu blok gambar kotak merah tersebut -> klik kanan -> pilih konvert to symbol kemudian nami symbol nya disini saya membiarkan namanya default symbol1 kemudian klik ok. setelah itu klik dua kali kotak merah yang udah dijadikan symbol tersebut, untuk masuk ke dalam movie clip nya di dalam movie clip buat animasinya dengan menambahkan  keyframe misalnya 35. untuk menambahkan keyframe misalnya di frame ke 35 klik kanan -> pilih insert keyframe kemudian di akhir keyframe potong gambar kotak seperti pada gambar dibawah setelah itu letakan pointer di tengah-tengah frame lalu klik kanan pilih create shape tween lalu test animasinya dengan menekan control + enter. jika berhasil akan muncul seperti ini di frame yang pertama klik kanan -> pilih action la...
Posting Komentar
Baca selengkapnya

Cara Menambahkan disqus ke blogger

Gambar
Selamat siang, bertemu lagi dengan Saya. Blogger yang menggunakan disqus menurut saya sangat cantik dilihatnya, selain itu untuk berkomentar pun menjadi gampang. Untuk menambahkan disqus ke blog anda silakan kunjungi  disqus.com  lalu buat akun disqus, jika anda sudah punya akun disqus silakan login lalu klik get started lalu pilih i want to install disqus on my site lalu isi website name nya dengan nama website / blog anda dan pilih kategori setelah itu klik create site Setelah itu akan ada tampilan welcome to disqus. klik lets get started lalu pilih plateform / cms website anda kalau blogger, pilih blogger lalu akan anda tampilan blogger installer, pilih no satu lalu akan ada tampilan seperti dibawah klik tombol menambahkan widget. nanti disqus akan otomatis terinstall di blog anda jika masih belum terinstall coba tambahkan kode berikut di blogger. di tataletak -> tambahkan widget -> pastekan kode berikut untuk judulnya kosongkan saja <script> /** *  RECOMME...
Posting Komentar
Baca selengkapnya

Liburan ke kampung naga

Gambar
jika anda liburan ke tasikmalaya tidak ada salahnya jika anda mampir ke kampung naga, kampung naga adalah tempat wisata budaya ditasikmalaya sendiri ada beberapa tempat wisata seperti gunung galunggung, situ gede, rest area urug, pantai cipatujah, pantai pangandaran, green canyon di ciamis dsb. kampung ini sangat mempertahankan adat istiadat para leluhur mereka dari dulu sampe sekarang kampung naga hanya memiliki 40 rumah saja tidak nambah dan tidak kurang. sejarhnya sih sudah dibakar sama belanda pada waktu perang dunia ke 2. kampung ini sangat unik dikampung ini tidak ada listrik. jika penduduk kampung naga ada yang tidak mau mengikuti peraturan disana biasanya mereka akan keluar dari kampungnya kampung naga terletak di desa neglasari kecamatan slawu jika dari singaparna bisa ditempuh kurang lebih setengah jam perjalanan jika anda dari jakarta anda bisa naik bis PO. karunia bakti jurusan kp. ramburan - singaparna rumah di kampung naga bangunanya terbuat dari kayu dan atapnya terbuat ...
Posting Komentar
Lokasi: Neglasari, Kec. Salawu, Tasikmalaya, Jawa Barat 46471, Indonesia
Baca selengkapnya

membuat animasi pure css

Gambar
jika anda ingin menambahkan efek animasi di website anda bisa menggunakan framework animate css. animate css ini sangat banyak efek yang bisa anda pilih. file nya pun relativ kecil hanya sekitar 20kb saja. untuk melihat daftar animasi yang bisa digunakan di animate css anda bisa membuka link animatecss.io. dan animate css ini pure css semua animasinya dibuat hanya menggunakan css saja tapi animasinya keren- keren dan sangat banyak cara pemakainaya juga sangat simple tinggal tambahkan class "animated nama-efek" pada tag html yang mau anda animasikan. anda bisa memasanganya pada div, pada heading, pada paragraf dsb. contoh <div class="animated animated-slide-top"></div>
Posting Komentar
Baca selengkapnya

Beberapa plugin jquery untuk mempercantik tampilan web

Gambar
Untuk membuat website yang menarik kita membutuhkan beberapa plugin. dengan menggunakan plugin kita akan lebih cepat dan lebih mudah dalam mendevlop web kita, juga lebih powerfull 1. lightbox   lightbox adalah plugin yang bisa digunakan untuk membuat gallery dan modal image   lightbox bisa anda dapatkan di  sini 2. slick   slick bisa digunakan untuk membuat image slider selain image slider dengan slick kita bisa juga membuat div   slider. slick bisa anda download di  link ini 3. smint   smint adalah plugin jquery yang bisa dipakai untuk membuat sticky navigation   smint bisa anda download  disini 4. pagify.js   pagify yaitu plugin jquery yang bisa dipakai untuk membuat website one page, pagify akan menggabungkan beberapa file html  menjadi sebuah halaman dengan metode ajax. pagify.js bisa didownload  disini 5. WebCodeCamjs   dengan plugin webcodecam kita dapat menyecan qrcode melalui webcam. dan dapat menterjemahkan qrcode...
Posting Komentar
Baca selengkapnya

Belajar AJAX dengan JQUERY

Gambar
jika menggunakan jquery kita akan lebih mudah dalam penulisan kodenya dibanding dengan javascript asli. jika teman-teman belum familiar ajax, ajax adalah singkatan dari assyncronous javascript and xml jika anda suka bermain facebook saat kita mengklik tombol like kita tidak perlu me reload halaman secara utuh, perubahannya akan terjadi secara langsung karena ajax bekerja dibelakang layar. ajax akan me reload file yang dibutuhkan saja tidak semua halaman di reload. jika menggunakan ajax dengan jquery tentu yang teman-teman butuhkan adalah file jquery nya. program dibawah akan menjalankan fungsinya setelah semua halaman berhasil di load. Jika menggunakan jquery kita bisa menggunakan tiga metode yaitu metode load, metode get dan pos, dan metode ajax. yang pertama metode load parameter yang wajib yaitu url nya dimana file kita akan disimpan. selain parameter yang wajib ada parameter yang optional misalnya data, status, xhr, callback. di program ini kita console.log yang bisa anda lihat di ...
Posting Komentar
Baca selengkapnya

Membuat Form pendaftaran multipart seperti di facebook / twitter

Gambar
Jika kita mendaftar di facebook / twitter kita disuguhkan dengan beberapa part misalnya part pertama disuruh mengisi nama dan email kemudian part kedua disuruh mengisi password dan data lengkap kemudian pada part ke tiga disuruh mengupload foto profil dan part ke empat disuruh menambahkan beberapa teman baru pendaftaran diselesaikan. Nah bagaimanakah caranya untuk membuat beberapa part seperti berikut caranya yaitu pada part pertama kita daftarkan dulu sessionnya kemudian dipart ke dua dan seterusnya gunakan session yang udah didaftarkan tadi. berikut ini contohnya: pertama buat dulu form pendaftaran biasa: <form method= "post" class= "container" action= "content.php?page=simpankomentar" > <label><b> Nama Depan </b></label> <input type= "text" placeholder= "Nama Depan" name= "nama_depan" required > <label><b> Nama Belakang </b></label> <input type= "text"...
Posting Komentar
Baca selengkapnya