Posts

Showing posts from January, 2018

Cara Membuat Menu Dinamis Dengan PHP Dan Mysql

Image
Halo Dumenity, selamat datang kembali di laman tips dan trik Source Code Aplikasi . Kembali lagi dengan saya yang pastinya memberikan tips dan trik seputar dunia laman. Di kesempatan kali ini saya akan memberikan tips mengenai  Cara Membuat Menu Dinamis Dengan PHP Dan Mysql   dimana kita akan membuatnya

Aplikasi Hitung Tahun dengan PHP

Image
selamat datang kembali di panduan panduan pemrogramman PHP Source Code Aplikasi, kali ini saya akan menshare bagaimana cara membangun Program Hitung Tahun dengan PHP. seketika saja kita praktekan teman teman..

Aplikasi Simple Blog dengan Ckeditor dan PHP

Image
Ckeditor yakni tools atau library yang di bikin dari javascript dan diantara WYSIWYG text editor dengan menggunakan web  yang mempunyai banyak fitur pada menolong memberi format penulisan posting yang ingin kita tulis. misalnya kita ingin menebalkan huruf, merancang miring, dan lain sebagainya. Pada proses kali ini kita memakai ckeditor CDN jadi kita tak perlu mengunduh ckeditornya, lumayan dengan memanggil filenya “https://cdn.ckeditor.com/4.7.3/standard/ckeditor.js”.

Cara Menempatkan Kata Kunci Yang Tepat Di Dalam Artikel

Di kesempatan kali ini saya akan menjelaskan cara menempatkan kata kunci yang tepat di pada artikel . Perlu teman-teman ketahui sebelumnya, Kata kunci ialah suatu kata-kata yang terkait dengan kalimat yang ingin didaftarkan di index google dari suatu laman atau artikel. biasanya Kata Kunci tersebut diketik oleh pengunjung lewat mesin pencari seperti google.

Membuat Aplikasi Create Database dengan PHP

Image
Kalo sebelumnya saya menshare cara membangun program create Folder dengan PHP , nah kali ini saya akan menshare bagaimana cara membangun program Create Database dengan PHP , oke seketika saja kita praktekan teman teman..

Cara Membuat Toolbar CKEditor Fixed Ketika Di Scroll

Image
Di artikel ini saya akan menjelaskan cara merancang toolbar ckeditor fixed ketika di scroll . Mungkin sebahagian dari teman-teman telah pernah menggunakan CMS WordPress, dimana di Text Editor di CMS tersebut ketika halaman menej posting di scroll ke bawah

Membuat Aplikasi Create Folder di PHP

Image
Kali ini saya akan menshare bagaimana cara Merancang Program Sederhana Create Folder di PHP, sebelumnya saya akan menjelaskan manfaat gungsi yang akan kita gunakan bagi penyusunan program sederhana ini, kita memakai 3 manfaat yaitu mkdir() , scandir(), array_slice(). mkdir() sendiri manfaat kegunaanya bagi membangun folder atau directory, sama halnya dengan petunjuk di command line milik windows dan terminal di linux contoh penggunaanya berikut

Cara Embed CodePen Di Website

Image
Di kesempatan kali ini saya akan menjelaskan cara embed CodePen di Situs . Perlu teman-teman ketahui sebelumnya, CodePen ialah Editor Online bagi mengerjakan pengembangan blog.  dengan Editor tersebut memungkinkan teman-teman bagi dapat menulis kode di browser lewat situs online dari CodePen tersebut, dan dapat seketika melihat hasilnya secara realtime. Editor tersebut masuk ke pada kategori Tools

Membuat Sort Pada List Data Menggunakan Javascript

Image
Hallo teman-teman Source Code Aplikasi. Kembali lagi dengan saya Shelli Ripati di Kursus Situs. Kali ini saya akan membahas mengenai cara Membuat Sort Pada List Data Menggunakan  Javascript . Dimana ketika tombol di tekan karenanya data akan mengerjakan sort ascending maupun descending.

Cara Membuat Preloader Saat Membuka Website Menggunakan Bootstrap 4

Image
Hallo, balik lagi ditutorial pemrograman Source Code Aplikasi kali ini saya akan menjelaskan mengenai Bagaimana Cara Merancang Preloader Ketika Membuka Situs Menggunakan Bootstrap 4, teman teman pernah melihat sebuah tampilan situs yang kita buka ternyata masih loading dan loading

Kegunaan Efek Transform Untuk Membagi bagian pada Binatang sapi

Image
Pasti teman-teman bertanya-tanya apa yang di maksud dengan kegunaan efek transform bagi membagi bagian di binatang sapi, jadi seperti ini pasti teman-teman ketika berkunjung di suatu restorant steak pasti mendaptkan fitur makan seperti sirloin, brisket, Round dan lain-lain, itu yaitu bagian dari sebuah dari tubuh sapi, dan dimana terkadang terdapat gambar sapi yang telah di beri garis supaya pengujung tau oh ini yang di maksud dengan sirloin dan teman-temannya tadi, nah kita akan membangun gambar seperti itu ya dengan bantuan HTML dan CSS bagaimana cara membuatnya simak terus ya teman-teman.

Membuat Simple Accordion dengan Bootstrap 4

Image
Baiklah kali ini kita akan belajar bagaimana Membangun Simple Accordion dengan Bootstrap 4, oke seketika saja kita praktekan teman teman..

Fungsi MySQL SHOW di PHP

Image
Hallo rekan-rekan Dumenity berjumpa lagi pada panduan  kursuswebdesign , di panduan kali ini kita akan belajar mengenai  Manfaat MySQL SHOW di PHP.   Di Mysql, petunjuk SHOW digunakan bagi memperoleh rincian pengguna database dan hak istimewanya. Dengan menggunakan petunjuk ini kita dapat menunjukkan database dan tabelnya dan pun kolom tabel, indeks dan lain-lain. Tetapi beberapa petunjuk SHOW akan mengembalikan informasi terbatas merujuk pada hak akses. Di artikel ini, kita akan melihat daftar petunjuk MySQL SHOW yang tercantum di bawah ini. 

Desain Form dengan Bootswatch

Image
Masih Seputar Bootswatch,  karena Bootswatch ini mempunyai tema tema yang menarik dan bagus, karenanya nya saya tertarik sekali membahasnya.. kali ini kita akan belajar menggunakan Desain Form di Bootswatch, Oke seketika saja kita praktekan teman teman.

Membuat Desain Tabel dengan Bootswatch

Image
Kalo sebelum nya kita merancang Navbar dengan Bootswatch , nah kali ini kita akan belajar Merancang Desain Tabel dengan Bootswatch, oke seketika saja kita praktekan yah teman teman.. 😀

Membuat Navbar dengan Bootswatch

Image
Masih seputar Bootswacth, dan kali ini kita akan belajar Merancang Navbar dengan Bootswatch, oke seketika saja kita praktekan yah teman teman..

Membuat Efek saat Menampilkan List dengan Materialize

Image
Mungkin kita sering menggunakan list di sebuah situs, malah list sendiri menjadi hal yang wajib di halaman sebuah situs, apa lagi situs tersebut membahas atau mengenai sebuah kategori yang benar-benar banyak, biasanya ketika kita membangun sebuah list, tag ul, li, ol sering kita gunakan bukan, emang lebih cocok menggunakan tag itu ketika kita membangun sebuah list, walaupun judulnya membangun efek ketika menampilkan list dengan materialize, kita masih tetap menggunakan sebuah tag ul li, hanya efek ketika di tampilkannya saja yang berbeda. oke efek seperti apa yang di maksud, simak terus ya teman-teman.

Membuat Filter Pada Tabel Menggunakan Javascript

Image
Halo teman-teman Source Code Aplikasi. Kembali lagi dengan saya Shelli Ripati di Kursus Website . Kali ini saya akan membnahas mengenai cara Membuat Filter Pada Tabel Menggunakan Javascript . Dimana dengan javascript dapat mencari data pada sebuah tabel.

Membuat Jumbotron dengan Bootswatch

Image
mungkin kalian bertanya tanya, Apa itu Bootswacth ?? Bootswacth yakni thema yang di bikin khusus bagi Bootstrap dan dibangun dari Bootstrap pun. ada banyak sekali tema tema yang dapat kita gunakan dari Bootswacth ini, bagi lebih jelasnya kalian dapat kunjungi blog nya di linkberikut ini https://bootswatch.com/, Nah gak panjang lebar kambali ke pembahsan kita, yaitu Membangun jumbotron dengan Bootswatch, mari kita praktekan teman teman …

Cara Set Content dan Attributes pada JQuery

Image
Hallo sobat program, bertemu lagi dengan saya Rizal dan masih di situs Source Code Aplikasi. Di kesempatan kali ini saya akan membahas mengenai Cara Set Content dan Attributes di JQuery .

Pagination di Bootstrap 4

Image
Kali ini kita akan belajar bagaimana merancang Pagination di bootstrap 4. Pagination yaitu suatu cara bagi dapat menampilkan data yang banyak ke pada beberapa halaman blog. Pagination betul-betul urgen bagi sebuah halaman karena kalau kamu menampilkan banyak data sekaligus pada satu halaman, karenanya hal itu akan memperlambat proses pengambilan data dari database dan menyebabkan loading menjadi lambat.

Cara Pasang Slider di Bootstrap 4

Image
halo teman teman jumpa kembali di kursuswebsite.org, kali ini saya akan menshare bagaimana Cara Pasang Slider di Bootstrap 4, seketika saja kita praktekan…

Jenis jenis Buttons di Bootstrap 4

Image
Halo teman teman … sebelum nya kita pernah belajar membangun Card dengan Bootstrap 4, kali ini kita akan mengenal Jenis jenis Button di Bootstrap 4.

Mengenal Tentang Fitur Raja Ongkir

Image
Di panduan Mengenal Mengenai Fitur Raja Ongkir kali ini kita akan membahas sebuah fitur pengiriman yaitu Raja Ongkir, Raja Ongkir tersebut adalah sebuah sebuah situs atau blog yang menyediakan data harga dari puluhan jasa pengiriman bagus secara domestic maupun internasional, bagi situsnya sendiri teman-teman dapat buka di https://rajaongkir.com/ karenanya akan tampil seperti dibawah ini :

Membuat Tampilan Chat Messages Dengan HTML dan CSS

Image
Hallo Dumenity…?!? Selamat datang kembali di laman tips dan trik Source Code Aplikasi , berjumpa kembali dengan saya di pembahasan tips dan trik seputar dunia laman. Di kesempatan kali ini saya akan memberikan tips mengenai Membuat Tampilan Chat Messages Dengan HTML dan CSS yang mana tampilan yang nanti

Membuat Efek Mengetik Pada Text Menggunakan Javascipt

Hallo teman-teman Source Code Aplikasi. Kembali lagi dengan saya Shelli Ripati di Kursus Website . Kali ini saya akan membahas mengenai cara Membuat efek Mengetik Pada Text Menggunakan Javascript . Dimana nanti kita akan membangun text muncul satu persatu seperti terlihat efek mengetik.

Membuat Efek Menu Seperti Radar Dengan Materialize

Image
Fitur ialah suatu konten benar-benar wajib di sebuah blog menurut saya, karena untuk saya fitur itu ialah suatu pintu bagi kita berganti-ganti halaman di blog tersebut, ada pun yang menyebutnya jantung, spion dan lain-lain, untuk saya pintu saja hehe, dan pastinya teman-teman pernah melihat efek fitur yang bermacam-macam ada fitur dropdown yang dimana ketika kita klik, muncuk sub-sub menunya, tetapi disini saya akan merancang fitur itu sedikit lebih unik ya, diamana nanti saya akan merancang efek fitur seperti radar dengan materialize, karenanya dari itu jangan kemana-mana simak terus ya.

Membuat Button di Pure CSS

Image
  Kalo kemarin kita membahas mengenai merancang Form dengan menggunakan Framework Pure CSS, kali ini saya akan menshare bagaimana Cara Membuat Button di Pure CSS . Pastinya seperti yang sebelumnya saya sindir, Pure CSS ini yakni Framework CSS yang sama seperti Bootstrap Framework, sama sama framework CSS, dan mempunyai kekurangan dan kelebihannya masing masing dan tentu kita disini tak membahas mengenai itu, oke baiklah kita ke bahan.

Cara Mempercantik Button Saat Kita Mengklik

Image
Mungkin cara ini telah umum teman-teman bikin ya, dengan hover, dan kita berikan warnanya ketika kita menghover sebuah konten, kadang tak hanya warna ya tapi dapat berupa padding, width, dan css lain-lain, tapi disini saya akan mencoba cara mempercantik button ketika kita mengklik, yang nanti saya akan coba itu bawaan dari sebuah framework materialize ya, saya pun sempat merancang sebuah artikel mengenai materialize lainya, nanti teman-teman pun dapat mampir ya, oke karenanya dari itu jangan kemana-mana simak terus ya teman-teman.

Mengenal Event ng-mousemove pada AngularJS

Image
Hallo sobat program, bertemu lagi dengan saya Rizal dan masih tetap diwebsite Source Code Aplikasi yang benar-benar luar lazimnya ini dan selalu update seputar pemrograman laman. oke di artikel kali ini saya akan membahas mengenai event di AngularJS yaitu Mengenal Event ng-mousemove di AngularJS .

Membuat Menu dengan Pure CSS

Image
Selamat datang kembali di kursuswebsite.org, kali ini kita akan belajar diantara Framework CSS yaitu Pure CSS, sama seperti bootstrap, Pure CSS adalah sebuah framework CSS pun, tapi dengan ukuran file yang kecil dan pun simple di gunakan, kita tak membahas mana yang bagus mana yang tak di sini tujuan kita hanya belajar. Lumayan basa basi nya, oke seketika saja kita praktekan yah teman teman bagaimana Merancang Fitur dengan Pure CSS

Fungsi dari PHP $_SERVER di PHP Global

Image
Mungkin dari teman-teman ada yang belum tau selain dari $_GET dan $_POST yang sering kita gunakan ada diantara manfaat lain dari PHP global, yaitu $_SERVER, dimana manfaat dari PHP $_SERVER di PHP global, yakni bagi mengetahui informasi situs yang sedang dibuka ini filenya apa, dibuka dari mana, servernya situs itu apa, lokasinya apa, domisili URLnya kita dapat tau, seperti itu ya teman-teman, jadi seandainya saya simpulkan $_SERVER ini berisi informasi dari sebuah situs yang sedang di kunjungi. Oke karenanya dari itu simak terus ya teman-teman.

Mengisi Data Otomatis dengan Seeder di Laravel 5

Image
Kalo kemarin kita membahas mengenai menampilkan data atau Read Data di Laravel , nah kali ini saya akan menjelaskan bagaimana Mengisi Data Otomatis dengan Seeder di Laravel 5 .

Macam-Macam Tooltip Dengan jQuery UI

Image
Halo selamat datang kembali di tips dan trik seputar dunia situs, di pertemuan sebelumnya kita telah belajar mengenai Autocomplete Categories. Dan di pertemuan kali ini saya akan memberikan tips dan trik mengenai Macam – macam Tooltip Dengan jQuery UI , dimana kita akan mengenal 3 kegunaan tooltip yang mana ke 3 nya ini mempunyai efek yang berbeda dan dapat kita gunakan di text atau fitur bagi memberitahukan user bila di klik akan mengarah ke halaman lain. Dan di latihan kali ini saya memberikan contoh yang sederhana dimana kita akan membangun sebuah link kemudian bila mouse di arahkan di text tooltip akan memberitahukan back link yang terdapat di text tersebut. Di bawah ini yakni type tooltip yang nanti kita akan bikin

Menampilkan Data dari Database di Laravel 5

Image
Laravel ialah diantara Framework PHP yang Populer dan menjadi diantara Framework php terbaik yang banyak di gunakan di dunia pemrograman situs. Kita dapat merancang banyak program dengan bantuan Framework ini. Tentu kali ini kita merancang program sekompleks itu, tpi kali ini kita akan belajar hal mendasar dari Framework laravel ini, yaitu Bagaimana Cara  Menampilkan Data dari Database di Laravel 5

Membuat Tampilan Search Menjadi Fullscreen Saat Di Klik

Image
Hallo teman-teman Source Code Aplikasi. Kembali lagi dengan saya Shelli Ripati di Kursus Web Design. Kali ini saya akan membahas mengenai cara Membuat Tampilan Search Menjadi Fullscreen Saat Di Klik . Oke Seketika saja teman-teman dapat membangun struktur htmlnya, seperti di script di bawah ini ya teman-teman.

Membuat Autocomplete Output Categories Dengan jQuery UI

Image
Selamat datang kembali di laman tips dan trik Source Code Aplikasi, kembali lagi dengan saya yang pastinya akan selalu memberikan tips – tips seputar dunia laman. Di artikel sebelumnya kita telah belajar date picker range dengan jQuery UI, dan di kesempatan kali ini saya pun akan memberikan tips dan trik mengenai jQuery UI yaitu Membangun Autocomplete Output Categories Dengan jQuery UI dimana di artikel yang lalu saya pun telah membahas Autocomplete namun hasil pencarian masih universal. Bagi latihan kali ini kita akan merancang Autocomplete dengan output menurut kategori, bagi demonya dapat lihat di gambar di bawah ini

Cara Membuat CSS Geometric Parallelogram

Image
Hallo sobat Dumenity berjumpa lagi pada panduan kursuswebdesign , di panduan kali ini kita akan belajar mengenai Cara Membangun CSS Geometric Parallelogram . Di kesempatan kali inio kita akan belajar mengenai cara merancang sebuah CSS Geometric Parallelogram.  Caranya lumayan gampang sekali, kita lumayan membutuhkan pemahaman mengenai properti – properti dari CSS dan struktur dari HTML itu sendiri.

Membuat Date Picker Range jQuery UI

Image
Halo teman – teman selamat datang kembali di blog tips dan trik Source Code Aplikasi , pastinya banyak sekali tips dan trik seputar dunia blog bagi itu selalu kunjungi terus blog ini ya 🙂 Bagus, di kesepatan kali ini saya akan memberikan tips dan trik mengenai  Membangun Date Picker Range jQuery UI dimana di artikel sebelumnya kita telah pernah membangun date picker dengan jQuery UI.

Cara Membuat CSS Geometric Triangle

Image
Hallo rekan rekan Dumenity berjumpa lagi pada panduan kursuswebdesign , di panduan kali ini kita akan belajar mengenai Cara Merancang CSS Geometric Triangle.  CSS Geometric Triangle ialah menggambar yang dilakukan  oleh seorang programer menggunakan HTML dan CSS bukan menggunakan sebuah gambar. Kenapa mesti menggunakan CSS kok…??? tak menggunakan gambar saja, karean kita lebih mempertimbangkan ukuran datanya apabila kita menggunakan teks karenanya ukuran datanya lebih ringan di banding kita menggunakan file gambar yang lebih berat kita ditampilkan pada browser.

Cara Membuat Vertical Tab Dengan HTML Dan CSS

Image
Selamat datang kembali di laman tips dan trik Source Code Aplikasi , berjumpa kembali dengan saya di pembahasan tips seputar dunia laman. Di kesempatan kali ini saya akan memberikan tips dan trik mengenai Cara Membuat Vertical Tab Dengan HTML Dan CSS dimana sebuah tab ini akan kita gunakan bagi membangun sebuah layout lokasi tempat tinggal.

Cara Menambahkan Google Translate dan Maps

Image
Selamat datang kembali di webite tips dan trik Source Code Aplikasi, di artikel sebelumnya kita telah membahas mengenai html dan css. Di kesempatan kali ini saya akan memberikan tips dan trik mengenai Cara Menambahkan Google Translate dan Maps .

Membuat Drop Down Menu

Hallo sobat dumenity berjumpa lagi pada panduan kursuswebdesign, di panduan kali ini saya akan membahas mengenai membangun dropdown fitur . Tentu teman telah seringkan membuka blog di internet. Ketika teman – teman membuka blog tentu yang dituju pertama-tama kali ialah fitur websitenya.

Cara Membuat Kolom Responsive Dengan HTML dan CSS

Image
Selamat datang kembali di laman tips dan trik Source Code Aplikasi , halo teman – teman berjumpa kembali dengan saya di pembahasan tips dan trik seputar dunia laman. Di kesempatan kali ini saya akan memberikan tips mengenai