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

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

bobby wiratm2023-02-07, 15:15 pm
permisi min boleh minta source code Program Aplikasi Koperasi Simpan Pinjam
Mr. Roy2023-02-07, 09:11 am
minta link download Aplikasi Manajemen Karyawan Berbasis Web
zul2023-02-07, 08:30 am
Assalamualaikum, wr wb izin minta link download Aplikasi SPPS nya ka, jika berbayar boleh minta prosedurnya, terima kasi
Delwon2023-02-06, 11:32 am
Selamat siang admin, untuk aplikasi arsip surat berbasis webnya berapa harganya?
dek2023-02-06, 08:41 am
tanya pembuatan aplikasi entri nilai
amin2023-02-04, 12:22 pm
tanya harga aplikasi sarana dan prasarana sekolah
tukangketik2023-01-31, 15:04 pm
bikin sistem informasi surat masuk dan keluar berapa
Dimas2023-01-30, 21:08 pm
apakah aplikasi cat bisa menentukan point dari jawaban contohnya di soal tkp kan setiap poin jawaban ada nilainya
josh hutapea2023-01-26, 13:10 pm
mau pesan aplikasi gimana caranya
tania2023-01-20, 09:53 am
kalo mau mesen aplikasi berbasis web bisa ga ka
Jenny Sokoy 2023-01-11, 13:18 pm
cara membuat aplikasi absensi siswa
alvinno2022-12-27, 01:52 am
berpa aplikasi Program Aplikasi Pembayaran SPP Sekolah
Ronny2022-12-21, 17:34 pm
Jika saya butuh aplikasi CAT custom berapa ya?
reo2022-12-21, 09:46 am
berapa harga untuk apk rental mobil
anto2022-12-19, 11:48 am
aplikasi pos nya tidak bisa di download ya_ ? apa sekarang berbayar_ buat referensi tugas akhir
NDARU SUBEKT2022-12-19, 11:02 am
untuk simpeg 7_ 2 brp bos
Herawan2022-12-17, 06:24 am
Itu versi demo, utk versi non demo, ada pembayaran berapa?
afio2022-12-12, 15:55 pm
kak gimana cara download aplikasinya?
peres2022-12-09, 08:22 am
admin berapa harga aplikasi sipasnya_ ?
thomas2022-11-29, 08:07 am
brp aplikasi HRD
Repades Patr2022-11-26, 14:51 pm
aplikasi bisnis rental barang berapa ?
Ifan2022-11-19, 23:28 pm
Aplikasi pendataan pegawai harga berapa?
yunislisa2022-11-09, 10:42 am
Bisa nggak saya request aplikasi penyadap SMS? Dan biayanya berapa?
AZ2022-11-07, 16:06 pm
Halo utk aplikasi surat masuk keluar biaya nya berapa ya?
nursia2022-11-02, 15:42 pm
apakah aplikasi itu bisa di kostum sesuai kebutuhan, terimakasih, mohon info via email yaa
Nursia2022-11-02, 15:40 pm
apakah ada aplikasi tentang data pengembangan kompetensi _ diklat PNS? jika ada boleh infokan kepada saya
yosp2022-11-02, 05:35 am
saya ingin aplikasi bembayaran spp web
Irfan shobar2022-11-01, 20:20 pm
Ingin membuat KTP online
Riska koromo2022-10-20, 09:14 am
Ass Ka tutorial membuat aplikasi absen PKL berbasis web
Nst2022-10-15, 02:50 am
Bagaimana mengkoneksikannya dengan pelanggan?
Dennis2022-10-14, 22:40 pm
Saya tertarik dengan Program Rental Web Based, bagaimana untuk proses pembelianya?
Wan2022-10-07, 14:12 pm
Berapa harga aplikasi sisfo pasar
RANGGA2022-10-06, 14:10 pm
bang mau beli aplikasi pembuat KTP softcopy itu bang
Prathama2022-09-19, 15:48 pm
Aplikasi Koperasi Usaha Bisa
Andre2022-09-16, 23:31 pm
untuk aplikasi pengajuan judul skripsi berapa min
Basilio2022-09-15, 07:37 am
Pagi Bang ada aplikasi semua data siswa?
Bagus Andrem2022-09-11, 14:00 pm
Kl pembuatn aplikasi pos berbasi android berpa gan?
herry2022-09-01, 13:18 pm
saya di distribusi oksigen dgn sistem rental tabungnya_ saya butuh apk utk moinitoring tabung
Asri2022-08-27, 09:04 am
Brapa price tuk aplikasi manajemen database organisasi dan anggota 1 provinsi saja_ _
HERLI2022-08-25, 02:14 am
Untuk Harga SIPAS Brapa Bg ?
Usman Musa2022-08-24, 00:06 am
Mau tanya jika berapa biaya pembuatan Aplikasi Data Keanggotaan sebuah Organisasi atau Perguruan Silat
Bayu2022-08-20, 06:28 am
info harga aplikasi hrd berbasis web
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

Post your chat:


Name



Email



Chat



Confirm you are NOT a spammer

 
membuat widget live chat dengan php mysql