membuat widget live chat dengan php mysql

share

membuat widget live chat dengan php mysql membuat widget live chat dengan php mysql membuat widget live chat dengan php mysql membuat widget live chat dengan php mysql membuat widget live chat dengan php mysql
  • membuat widget live chat dengan php mysql

    Membuat Widget Live Chat dengan PHP MySQL


    Tutorial cara membuat widget live chat dengan PHP dan database MySQLi lengkap dengan download script source code dan panduan berupa gambar uji coba program web chating.
  • membuat widget live chat dengan php mysql
    Service
    1. Complete Website
    2. Only web script
    3. Web modification
    4. Application program
    5. Free web template
    6. Free application
    7. Basic SEO
    8. Article request
    9. Tutorial programing
  • membuat widget live chat dengan php mysql
    MOTO
    "Kepuasan Pelanggan adalah Prioritas kami, Sebagai Pemicu Semangat Dalam Memberikan Pelayanan Terbaik".
  • membuat widget live chat dengan php mysql Teknologi dan Bahasa
    PHP-5, HTML-5, CSS3, SQL Server, MySQL Database, Access Database, Java, JavaScript, dan Visual Basic.
  • membuat widget live chat dengan php mysql
    VISI
    "Menjadi penyedia layanan yang terpercaya dan maju dalam dunia Teknologi Informasi."

Membuat Widget Live Chat dengan PHP MySQL

Pada kesempatan baik ini kami akan memberikan sebuah tutorial tentang bagaimana cara membuat widget Live Chat dengan PHP MySQL, widget ini biasanya dipasang pada bagian sidebar website atau blog yang kemudian dapat digunakan untuk media chating / obrolan langsung sesama pengunjung web atau blog.

Sebagai contoh, Anda dapat melihat langsung pada bagian sidebar website ini dan silahkan Anda langsung menggunakannya. Live chat biasanya terdiri dari 3 kolom input yaitu Nama, Email, dan Isi obrolan serta tool konfirmasi berupa checkbox atau capta kode yang mengkonfirmasikan bahwa obrolan tersebut berasal dari pengunjung website, bukan robot ataupun spamer, kemudian live chat juga harus memiliki button yaitu button send / kirim dan button reset.

Tutorial membuat widget Live Chat dengan PHP MySQL ini, kami lakukan pada sistem operasi Windows 7 dan menggunakan web server XAMPP ver 2.5 include dengan database MySQL. Untuk mengikuti tutorial ini pastikan komputer anda telah terinstall web server XAMPP tersebut.

Berikut langkah - langkah atau cara membuat widget Live Chat dengan PHP MySQL, lengkap dengan gambar dan source code / script:

Membuat Widget Live Chat dengan PHP MySQL



Widget Live Chat PHP

1. Jalankan XAMPP Control Panel, kemudian aktifkan Apache dan MySQL.

membuat widget live chat dengan php mysql
Membuat Widget Live Chat dengan PHP MySQL

2. Akses ke database MySQL melalui browser dengan url : http://localhost/phpmyadmin/.

3. Buat database dengan nama " widget ".

4. Buat sebuah table di dalam database " widget " tersebut dengan nama " chat ", beri 5 buah field dengan nama field "nama", "email", "komen", "waktu", dan "cek".
Pastikan terbentuk seperti gambar berikut:

membuat widget live chat dengan php mysql
Membuat Widget Live Chat dengan PHP MySQL

5. Desain tampilan widget live chat dengan script php, sehingga menjadi seperti pada gambar berikut:

membuat widget live chat dengan php mysql
Membuat Widget Live Chat dengan PHP MySQL

Untuk membentuk widget live chat yang dapat diakses melalui web browser seperti gambar diatas, tulis script PHP berikut pada text editor (notepad):
Save as index.php

<div style="overflow:auto; width:30%; height:320px; margin-left:35%;margin-right:35%;">
	<table class="art-article" border="0" cellspacing="0" cellpadding="0" style=" margin: 0; width: 100%;">
		<tbody>
			<?php
			//*koneksi ke database*//
			$Open = mysql_connect("localhost","root","");
				if (!$Open){
					die ("MySQL E !");
				}
			$Koneksi = mysql_select_db("widget");
				if (!$Koneksi){
					die ("DBase E !");
				}
			$Tampil="SELECT * FROM chat ORDER BY waktu DESC LIMIT 99;";
			$query = mysql_query($Tampil);
			while (	$hasil = mysql_fetch_array ($query)) {
				$komen = stripslashes ($hasil['komen']);
				$waktu = stripslashes ($hasil['waktu']);
				$nama = stripslashes ($hasil['nama']);	
			?>	
			<style type="text/css">
				#atas {
					border-bottom-width: 1px;
					border-bottom-style: ridge;
					border-bottom-color: #CCC;
					margin-top: 1px;
					margin-right: 1px;
					margin-bottom: 2px;
					margin-left: 0px;
					padding-bottom: 1px;
					color: #FFA500;
				}
				#pesan {
					padding-right: 1px;
					padding-left: 0px;
					margin-bottom: 10px;
					color: #080808;
				}
				.waktu {
					float: right;
					color: #871214;
					font-family: Arial;
					font-size: 9px;
				}
			</style>
			<?php
			echo"
				<div id='atas'>$hasil[nama]<span class='waktu'>$hasil[waktu]</span></div>
				<div id='pesan'>$hasil[komen]</div>";
			}
			?>
		</tbody>
	</table>  
</div>
<div style="width:30%; height:320px; margin-left:35%;margin-right:35%;">
	<form method="POST" name="chat" action="#" enctype="application/x-www-form-urlencoded"><p>Post your chat:</p><br><p>Name</p><input type="text" placeholder=" Nama Anda" name="nama" maxlength="9" style="width: 95%;"></input><br><br><p>Email</p><input type="text" placeholder=" Alamat email Anda" name="email" maxlength="30" style="width: 95%;"></input><br><br><p>Chat</p><textarea placeholder=" Obrolan Anda" name="komen" rows="2" cols="40" maxlength="120" style="width: 95%;"></textarea><br><br><input type="checkbox" name="cek" value="cek" class="art-button"> Confirm you are NOT a spammer</input><br><br><input type="submit" name="submit" value="Send" class="art-button"></input> <input type="reset" name="reset" value="Clear" class="art-button"></input>
	<?php
		if (isset($_POST['submit'])) {
		$nama	= $_POST['nama'];
		$email	= $_POST['email'];
		$komen	= $_POST['komen'];
		$waktu	= date ("Y-m-d, H:i a");
		$cek	= $_POST['cek'];
		if ($_POST['nama']=='Admin') { //validasi kata admin
	?>
		<script language="JavaScript">
			alert('Anda bukan Admin !');
				document.location='index.php';
		</script>
	<?php
		mysql_close($Open);
	}
		if (empty($_POST['nama'])|| empty($_POST['email']) || empty($_POST['komen'])) { //validasi data
	?>
		<script language="JavaScript">
			alert('Data yang Anda masukan tidak lengkap !');
				document.location='index.php';
			</script>
	<?php
	}
		if (empty($_POST['cek'])) { //validasi data
	?gt;
		<script language="JavaScript">
			alert('Please Checklist - Confirm you are NOT a spammer !');
				document.location='index.php';
		</script>
	<?php
	}
	else {
		$input_chat = "INSERT INTO chat (nama, email, komen, waktu, cek) VALUES ('$nama', '$email', '$komen', '$waktu', '$cek')";
		$query_input =mysql_query($input_chat);
		if ($query_input) {
	?>
		<script language="JavaScript">
			document.location='index.php';
		</script>
	<?php
	}
	else{
		echo'Dbase E';
	}
	}
	}
	mysql_close($Open);
	?>
	</form>
</div>

Download Tutorial Widget Live Chat PHP MySQL

Download Script Live Chat

6. Selesai.

Sekian penjelasan kami tentang bagaimana cara membuat widget Live Chat dengan PHP MySQL, dilengkapi dengan contoh script PHP nya. Untuk mendapatkan source code/script Anda dapat langsung mendownload melalui link di atas, jika link download tidak aktif atau error mohon hubungi kami melalui SMS atau email atau melalui form komentar dan obrolan. Semoga dapat membantu.

Baca juga :


Membuat Widget Live Chat dengan PHP MySQL

Tags: widget live chat php mysql, widget live chat, script php live chat, live chat php, membuat widget live chat dengan php mysql


Reliable

membuat widget live chat dengan php mysql

Advertise

jasa pasang iklan murah

Payment & Donation

membuat widget live chat dengan php mysql

Rekening BCA : 343 1156 006

a/n : Andi Hatmoko

Rekening MANDIRI : 13300 11921 079

a/n : Andi Hatmoko

membuat widget live chat dengan php mysql

Account :

andihatmoko@gmail.com

Live Chat

Ferdyn Rede2022-08-07, 09:56 am
Bagaimana cara download link e_ ktp nya🙏🏻
Yuko Hermawa2022-08-05, 08:12 am
Boleh info harganya ? Ada fitur utk akses cloud gak ? Klo custom apakah bisa ?
efrin2022-07-15, 22:44 pm
Program Aplikasi Arsip Digital Berbasis Web mohon bertanya berapa harganya makasih
Toyo2022-07-13, 08:23 am
Brp harga Apk Inventory barang gudang
Leo2022-07-11, 18:37 pm
Halo selamat malam,, gmn cara beli aplikasi edit ktp ? Mksh
patrick2022-07-08, 21:35 pm
mau tanya bang kalo cara insert gambar pake query sql gimana ya
hery2022-07-08, 07:48 am
assalamu alaikum mau tanya mengenai pembuatan aplikasi untuk input data anggota SSB
siwimorin2022-07-05, 13:18 pm
mohon info aplikasi arsip surat tugas, lhp, dan B_ A_ S_ T untuk inspektorat
Rachmadi2022-06-29, 15:33 pm
mohon info harga aplikasi data anggota_ terima kasih
sony2022-06-28, 23:37 pm
bisa tolong buatkan website pramuka
joko2022-06-25, 07:19 am
mohon info biaya pembuatan software rental kendaraan dengan sistem pembayaran perbulan dengan user perusahaan
Zuki Chang2022-06-16, 00:43 am
Hello, If you are based in the United States of America, Meiwa Corporation Co, Ltd urgently needs you to serve as h
yudha2022-06-14, 18:24 pm
boleh minta source code dan data basenya untuk aplikasi hrd
gunawan2022-06-10, 12:54 pm
Mohon info harga aplikasi e arsip berapa
Mang Yanto2022-06-05, 22:25 pm
mas, bisa buat aplikasi yg lengkap dlm satu kesatuan meliputi data karyawan, presensi, gaji, pensiun, cuti dan lainny?
yanto2022-06-05, 18:34 pm
mohon info biaya pembuatan software rental kendaraan dengan sistem pembayaran perbulan dengan user perusahaan
Suleman Daud2022-05-28, 08:57 am
mau tanya berapa aplikasi sipas
muhaimin2022-05-21, 21:55 pm
Aplikasi SPPD berapa?
Darmawan2022-05-10, 15:16 pm
Mau tanya mas kalau pembuatan Aplikasi Peminjaman Berkas_ kira2 berapaan ya harganya?
SAPARDI2022-04-26, 10:21 am
Mohon info harga sofware Earsip digital berbasis web_
Viqbal2022-04-21, 13:17 pm
mas untuk harga program aplikasi pengajuan judul skripsi online brp mas_ Utk tugas tidak perlu pakai hosting_ localhost_
Enang S2022-04-09, 15:21 pm
berapa harga aplikasi sarpras utk sekolah menengah pertama ?
RabiulFazhar2022-03-09, 14:11 pm
menambahkan tombol download dan upload di script ini gimana ya
aisah2022-02-17, 16:02 pm
jika saya mau request aplikasi web untuk kebutuhan saya input donasi juga database dan lainnya_ berapa biayanya?
muis2022-02-10, 22:22 pm
kang buatin web buat jualan yang simpel
Tony2022-02-10, 15:37 pm
untuk harga aplikasi surat masuk dan surat keluar berapa om?, minta no WA ya om, terima kasih
rini2022-01-25, 08:53 am
harga aplikasi cuti brapa?
Indra Setiaw2022-01-11, 15:19 pm
bagaimana caranya saya bisa memperoleh aplikasi SPPD
syahrul2022-01-07, 14:54 pm
ini cara pasangnya harus didalam website atau bisa berdiri sendiri bang?
usin2021-12-17, 23:44 pm
bang form edit datepicker dong
apri2021-12-13, 12:47 pm
mas minta aplikasi penomoran surat otomatis dong_
azob2021-11-25, 09:27 am
Aplikasi E_ dokumen apakah bisa custome?
M. Taufik2021-11-17, 11:44 am
Saya tertarik dengan aplikasi data mahasiswa, tapi apakah bisa data mahasiswa nya dapat diisi sendiri?
man2021-11-11, 08:08 am
App cuti bisakah di+ fitur laporan rekap per cuti per pegawai dan rekap tahun lalu_ Utk tentukan bisa tidak dpt cuti lg
project2021-11-01, 12:14 pm
mba irene masi cari aplikasi arsip surat ?
Ketut Wiyasa2021-10-22, 09:58 am
Biaya pembuatan aplikasi marketplace berbasis web
adi2021-10-03, 17:16 pm
terima kasih tutorialnya sangat membantu
Indra2021-09-20, 14:39 pm
selamat siang, sy mau coba utk bikin startup peminjaman barang, apakah bisa di setup lokal server ?harga brp?ada limiter
dedi2021-09-11, 13:06 pm
sandi login untuk aplikasi absensi mas apa ya
Budi2021-09-09, 15:49 pm
Maaf ingin bertanya, harga untuk aplikasi sarpras dan simpeg berapa ya masing_ masingnya
Sayuti2021-05-25, 15:06 pm
Mau tanya klo Biaya buat Aplikasi Penilaian Kinerja Atau SKP brp ya?

Post your chat:


Name



Email



Chat



Confirm you are NOT a spammer

 
membuat widget live chat dengan php mysql