Tutorial Web Programming

Web Programming Top Contributors

Membuat Form Kontak yang Indah dan Atraktif dengan AJAX [Part 4]

Sekarang form sudah dapat berfungsi. Kita dapat membuka halaman di browser, klik link "Send Us an Email" untuk melompat ke form, isi kolom, dan submit form untuk mengirim pesan. Namun, kita sekarang akan meningkatkan form kita menggunakan JavaScript untuk memberikan experience yang lebih baik untuk pengunju...

0
Level: Standard
Est. time: 30 min

Membuat Form Kontak yang Indah dan Atraktif dengan AJAX [Part 3]

Kita sekarang telah membuat halaman form dan memperindah tampilannya. Langkah berikutnya adalah untuk membangun script PHP singkat untuk mengirim pesan email. Script ini akan berada pada server web. Ketika pengunjung menyerahkan form, data form dikirim ke script PHP, yang kemudian mengirimkan email dan m...

0
Level: Standard
Est. time: 30 min

Membuat Form Kontak yang Indah dan Atraktif dengan AJAX [Part 2]

Sekarang kita akan menambahkan CSS pada  halaman HTML kita untuk memperindah tampilan form. Sebagian besar CSS posisi form dan status messages di tengah jendela, dan form style dan form fields. <style type="text/css"> /* Add some margin to the page and set a default font and colour */ ...

0
Level: Standard
Est. time: 30 min

Membuat Form Kontak yang Indah dan Atraktif dengan AJAX [Part 1]

Dalam sebuah website, form kontak sangat penting sebagai komunikasi antara admin dan pengunjung,namun form kontak juga bisa rumit, terutama karena mereka biasanya pada halaman terpisah. Pengunjung harus mengunjungi halaman form kontak, mengisi rincian, melihat belum halaman respon lain, dan kembali ke hal...

0
Level: Standard
Est. time: 30 min

Meletakkan Marker di Google Maps

Selamat malam, kali ini saya akan membuat tutorial tentang Google Maps. Tutorial kali ini membuat Marker di Google Maps.&nbsp; Pertama-tama kalian harus mempunyai Google Maps API. &nbsp;Ok langsung saja tutorialnya. Buat file berekstensi .php terserah kalian mau dinamakan apa filenya. Setelah itu tuliskan ...

0
Level: Newbie
Est. time: 10 min

Tutorial Dasar SVG (Scaleable Vector Graphics)

Assalamualaikum wr.wb. SVG merupakan Akronim Dari Scable Vector Graphic, arti sederhananya adalah format gambar yang bisa dirubah-ubah tanpa mengganggu resolusi gambar tersebut, SVG dibuat menggunakan XML dan bisa dicustom dengan menggunakan CSS. SVG digunakan sebagai alternatif penggunaan Image JPEG/PNG ataupun G...

3
Level: Newbie
Est. time: 60 min

Mengenal Filter CSS3

Assallamualaikum... Mungkin bagi para temen-temen yang masih terlalu asing apa itu fungsi Property filter pada css3 maka bisa tutorial ini di jadikan refrensi kecil-kecilannya... Property filter itu sendiri merupakan sebuah property pada css3 yang dapat memanipulasi warna image maupun video agar lebih artristik, seperti efek ...

0
Level: Standard
Est. time: 5 min

Membuat Elemen Menarik dengan CSS

Hai berjumpa lagi dengan saya Boy Panjaitan, kali ini saya akan berbagi tutorial mengenai CSS Dibeberapa website banyak kita temukan beberapa element yang memiliki bentuk menarik dan estetis. Namun tak jarang kita ditipu, karena ternyata hal tersebut tidak murni suatu elemen, hanya saja pembuatnya men...

0
Level: Baby
Est. time: 10 min

Menyimpan Data kedalam file dengan PHP

Assalamualaikum wr. wb. &nbsp; Data atau informasi biasanya disimpan ke dalam database, tetapi kali ini kita akan menyimpannya kedalam file dengan ektensi html, txt, php dan lain sebagainya. Tutorialnya sangat mudah sekali, silahkan simak coding dibawah ini. Pertama buat form dulu. &lt;h2&gt; Simpan Data kedal...

2
Level: Newbie
Est. time: 30 min

Membuat Template E-Commerce Responsive dengan Bootstrap [Part 2]

pada tutorial sebelumnya kita sudah membuat dua baris, baris pertama untuk logo produk dan kedua untuk carousel dan keranjang kecil, sekarang lanjut ke tahap berikutnya. Baris 3 (penampil produk). &lt;br&gt; &lt;!-- baris ketiga --&gt; &lt;div class="row"&gt; &lt;div class="col-xs-6 col-sm-3"&gt; ...

4
Level: Newbie
Est. time: 60 min