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 dan database MySQL, lengkap dengan script source code tutorial dan panduan berupa gambar uji coba.
  • 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

membuat widget live chat dengan php mysql

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

BobbyDef2020-04-02, 19:21 pm
Hi fellas_ My wife and I are super stoked we came across this group_ I’ve been scoping the news for this info sinc
Qiblataini2020-04-01, 21:01 pm
Assalamualaikum
Asih2020-03-16, 00:31 am
Bagaimana cara mendapatkan license office 365 ? Makasih
irfan2020-03-14, 10:18 am
selamat pagi pak,apa program sewa mobil ini bisa castem sesuai dengan kebutuhan kami
Aji2020-03-10, 11:39 am
Ini tidak bisa di download min?di info saat download ada notif untuk hubungi admin untuk download aplikasi hrd web
Hamdan2020-03-09, 16:05 pm
Berapa harga membuat aplikasi rental atau penyewaan kamera berbasis web?
rokbi2020-03-09, 09:19 am
kami berniat mau order aplikasi offline simpan pinjam cu? gmna cara dan berapa bugjed nya?
feliks hatam2020-03-07, 16:17 pm
konsultasi pemesanan blog
Fatimah2020-03-06, 14:40 pm
Berapa aplikasi KTP
Muhammad2020-02-26, 20:59 pm
Assalamualaikum min, cara mendapatkan aplikasi ini gmana ya min?
rizki firman2020-02-25, 12:05 pm
mau tanya untuk spk metode fuzzy berapa ya? tentang pemilihan tempat wisata
DAVID2020-02-15, 11:14 am
Aplikasi HRD brp gan_
Rendhi roman2020-02-13, 22:38 pm
Untuk Sistem Rekrutment BIsa_
windra2020-02-13, 14:43 pm
untuk harga program data karyawan brp
adam2020-02-13, 11:59 am
apakah ada aplikasi system harga pasar_
FERY DIANTA 2020-02-08, 09:51 am
gan mau nanya harga simpeg versi 7 nya_
rudy2020-02-07, 15:58 pm
berapa harga sw management anggota pak_
Manyu2020-02-07, 14:44 pm
berapa harga aplikasi sppd nya_ pls respon cepat melalui email ya, saya berminat mau beli
naomi2020-02-04, 15:08 pm
halo, untuk aplikasi e ktp nya ada kendala saat mendownload, mohon bantuannya
yadi2020-02-01, 19:34 pm
harga Aplikasi Simpan Pinjam Berapa
hendi 2020-01-25, 18:59 pm
untuk afk sofware developer property penjualan di harga berapa _
Abdurrahman 2020-01-25, 01:08 am
Tolong syarat dan ketentuan utk mendapatkan software koperasi jasa (bukan simpan pinjam) dan software UKM Terima kasih
Dinollah Rai2020-01-24, 11:37 am
aplikasi simpan pinjam tdk free kah
Suwarto plaz2020-01-21, 15:45 pm
berapa harga aplikasi cuti online?
Heri Nurjono2020-01-20, 09:45 am
Berapa harga Aplikasi data anggota?
riau2020-01-19, 19:49 pm
halo.... gan... bisa gak di ubah menjadi KTP menjadi SIM ?
wid2020-01-16, 13:26 pm
gan aplikasi simpeg bisakah kita download demonnya dulu
Dani Perdana2019-12-29, 12:52 pm
bisakah support finggerprint solution aplikasi simpeg7
Denti2019-12-23, 15:44 pm
Halo, bagaimana cara mendapatkan source code aplikasi arsip surat ini ya?
dadada2019-12-21, 17:55 pm
gan, aplikasi ini cukup bagus. ane suka gan
Sandy2019-12-19, 21:33 pm
Apakah source code aplikasi gratis di member area akan terus bertambah?
Dirham Th2019-11-26, 19:55 pm
Gan .ada aplikasi service kendaraan gak..ato bisa bantu buat aplikasi kasus yg kami alami.,?
daud2019-11-19, 14:26 pm
bagaimana cara mengakses aplikasi demo untuk program aplikasi input data organisasi?
Denny Lon2019-11-16, 20:20 pm
Halo admin. Apakah aplikasi ini bisa digunakan untuk usaha Rental Alat_ Alat Fotografi? Mohon informasinya
Arsya Rid2019-11-15, 13:21 pm
berapa harga raja rental v.2.0 dan bagaimana transaksinya?
Joyce 2019-11-06, 08:55 am
bergabung membuat PHP Database
jauhar2019-10-31, 11:14 am
ini harga berapa ya? trus bisa kah ditambah form pengajuan cuti?
rian2019-10-25, 13:46 pm
mau nanya utk pembelian program data karyawan bpr ya harganya
Hari2019-10-18, 20:38 pm
Berapa biaya untuk pembuatan aplikasi SPPD
silvani2019-10-18, 16:39 pm
aplikasi arsip digital berbasis web ini berapa ya kak?
Yunus2019-10-17, 15:55 pm
Harga aplikasi SPPD ini berapa ya
WIRA2019-10-04, 14:49 pm
kami berminat aplikasi simpeg versi 7...bagaimana cara mendapatkannya....dan berapa no WA nya. terima kasih
M Siagian2019-09-24, 01:50 am
Data base karyawan dan penggajian
L2019-09-19, 13:55 pm
cara mengurangi 2 date yang ada di database gmana sih ? gw error mlu!
Ade Ruh2019-09-17, 07:49 am
Assalamualaikam , Berapa harga aplikasi SPPD yg terbaru?
Ridho2019-09-05, 09:00 am
Aplikasi untuk kepegawaian (simpeg) untuk sekolah ada?
JUMARIS2019-08-20, 11:14 am
maaf om mau nanya berapa harga aplikasi SIMPEG Versi 7 terbaru om
sandi mau2019-08-18, 12:57 pm
assalamualaikum om, om boleh bagi script aplikasi web dokumen kontrol? lagi butuh om. tolong dengan sangat

Post your chat:


Name



Email



Chat



Confirm you are NOT a spammer

 
membuat widget live chat dengan php mysql