hisyam yahya: April 2012

Membuat Guestbook Dengan PHP Dan Database

<div dir="ltr" style="text-align: left;" trbidi="on"> 
<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"> 
Hy semua sudah lama aku tidak pernah posting maaf ada banyak hal yang harus dikerjain. 
ok hari ini kita akan membahasa bagaimana cara membuat Guestbook dengan php dan database. 
Berikut ini adalah file-file yang akan kita buat ... 
1. Buat database dan table di database. 
2. Buat config.php 
3. Script Security.php 
3. Script index.html 
4. Script save.php 
5. Script view.php 
=================================== 
1.  kita buat database buat database terserah kalian buat nama apa. 
=================================== 
 Setelah buat database 
buat table seperti dibawah ini: 
<pre class="Sql" name="code">CREATE TABLE `guestbook` (
  `id` int(11) NOT NULL auto_increment,
  `nama` varchar(90) character set latin1 collate latin1_general_ci NOT NULL,
  `email` varchar(60) character set latin1 collate latin1_general_ci NOT NULL,
  `url` varchar(100) character set latin1 collate latin1_general_ci NOT NULL,
  `alamat` varchar(70) character set latin1 collate latin1_general_ci NOT NULL,
  `komentar` varchar(255) character set latin1 collate latin1_general_ci NOT NULL,
  `time` varchar(30) character set latin1 collate latin1_general_ci default NULL,
  `date` varchar(30) character set latin1 collate latin1_general_ci default NULL,
  `ip` varchar(30) character set latin1 collate latin1_general_ci default NULL,
  PRIMARY KEY  (`id`)
) ENGINE=MyISAM  DEFAULT CHARSET=latin1 AUTO_INCREMENT=19 ;</pre>=================================== 
2. Buat file baru dengan nama (Config.php) 
=================================== 
 
<pre class="Sql" name="code"><?php
mysql_connect("$db_host","$db_user","$db_pass");
mysql_select_db("$db_name");
?></pre>=================================== 
3. Buat file baru dengan nama (index.html) 
=================================== 
<pre class="Php" name="code"><?php
session_start();
class CaptchaSecurityImages {
var $font = 'monofont.ttf';
function generateCode($characters) {
/* list all possible characters, similar looking characters and vowels have been removed */
$possible = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'; 
$code = '';
$i = 0;
while ($i < $characters) { 
$code .= substr($possible, mt_rand(0, strlen($possible)-1), 1);
$i++;
}
return $code;
}
function CaptchaSecurityImages($width='120',$height='40',$characters='6') {
$code = $this->generateCode($characters);
/* font size will be 75% of the image height */
$font_size = $height * 0.75;
$image = @imagecreate($width, $height) or die('Cannot Initialize new GD image stream');
/* set the colours */
$background_color = imagecolorallocate($image, 255, 255, 255);
$text_color = imagecolorallocate($image, 50, 10, 175);
$noise_color = imagecolorallocate($image, 200, 150, 100);
/* generate random dots in background */
for( $i=0; $i<($width*$height)/3; $i++ ) {
imagefilledellipse($image, mt_rand(0,$width), mt_rand(0,$height), 1, 1, $noise_color);
}
/* generate random lines in background */
for( $i=0; $i<($width*$height)/150; $i++ ) {
imageline($image, mt_rand(0,$width), mt_rand(0,$height), mt_rand(0,$width), mt_rand(0,$height), $noise_color);
}
/* create textbox and add text */
$textbox = imagettfbbox($font_size, 0, $this->font, $code);
$x = ($width - $textbox[4])/2;
$y = ($height - $textbox[5])/2;
imagettftext($image, $font_size, 0, $x, $y, $text_color, $this->font , $code);
/* output captcha image to browser */
imagejpeg($image);
imagedestroy($image);
$_SESSION['security_code'] = $code;
}
}
$width = isset($_GET['width']) ? $_GET['width'] : '120';
$height = isset($_GET['height']) ? $_GET['height'] : '40';
$characters = isset($_GET['characters']) ? $_GET['characters'] : '6';
header('Content-Type: image/jpeg');
$captcha = new captchasecurityimages($width,$height,$characters);
?></pre>=================================== 
4. Buat file baru dengan nama (index.html) 
=================================== 
<pre class="Php" name="code"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Guestbook</title>
</head>

<body>
<div align="justify"></div>
<form name="form1" method="post" action="save.php">
<pre>
<table border="0">
<tr>
<th align="right" valign="top">Nama</th>
<th align="right" valign="top">:</th>
<td valign="top"><input name="nama" type="text" id="nama" size="35"/></td></tr>
<tr><th align="right" valign="top">Email</th>
<th align="right" valign="top">:</th>
<td valign="top"><input name="email" type="text" size="35"/></td></tr>
<tr><th align="right" valign="top">Website</th>
<th align="right" valign="top">:</th>
<td valign="top"><input name="url" type="text" size="35"/></td></tr>
<tr><th align="right" valign="top">Alamat</th>
<th align="right" valign="top">:</th>
<td><input name="alamat" type="text" size="35"/></td></tr>
<tr><th align="right" valign="top">Isi</th>
<th align="right" valign="top">:</th>
<td valign="top"><textarea name="komentar" rows="5" cols="40"/></textarea></td></tr><tr><th align="right" valign="top">Secrutiy</th><th align="right" valign="top">:</th><td valign="top"><img src="security.php?width=100&height=40&character=5"> <input id="security_code" name="security_code" type="text" /></td></tr><tr><th align="right" valign="top">&nbsp;</th><th align="right" valign="top">&nbsp;</th><td valign="top"><input type="submit" name="submit" value="Submit" /><input type="reset" name="Reset" value="Reset" /></td></tr></table></pre>
</form>

</body>
</html></pre>=================================== 
5. Buat file baru dengan nama (Save.php) 
=================================== 
<pre class="Php" name="code"><?php 
session_start();
 require 'config.php';
if( isset($_POST['submit'])) {
   if(($_SESSION['security_code'] == $_POST['security_code']) && (!empty($_SESSION['security_code'])) ) {
$nama = $_POST['nama'];
$email = $_POST['email'];
$url = $_POST['url'];
$alamat = $_POST['alamat'];
$komentar = $_POST['komentar'];
$time = date("H:i:s");
$date = date ("d/m/Y");
$ip = $_SERVER['REMOTE_ADDR'];

$sql ="INSERT INTO guestbook (nama,email,url,alamat,komentar,time,date,ip) VALUES('$nama','$email','$url','$alamat','$komentar','$time','$date','$ip')";
mysql_query($sql);
echo"<h2>Pesan Berhasil Dikirim</h2> 
 <a href= viewmsg.php>Klik Disini</a> Untuk Melihat pesan Yang Sudah Dikirim";
      include "index.php";

} else {
      // Insert your code for showing an error message here
      echo '<h2>Maaf Code Secruity Yang Anda Masukkan Salah Silahkan Coba Lagi</h2>';
      include "index.php";
   }
} else {

include "index.php";

}
?></pre>=================================== 
6. Buat file baru dengan nama  (View.php) 
=================================== 
<pre class="Php" name="code"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
</head>
<body bgcolor="#66FF00">
<table  align="center" cellspacing="1" border="1">
  <tr>
    <th colspan="2">***.:MY GUESTBOOK :.*** </th>
  </tr>
  <tr>
    <th  width="350"><center>
        Pengirim :
    </center></th>
    <th  width="350"><center>
        Commement :
    </center></th>
  </tr>
<?
require 'config.php';
$yahya = " SELECT * FROM guestbook ORDER BY ID DESC";
$karya = mysql_query($yahya);
while ($hisyam =  mysql_fetch_array($karya)) {

echo "
<tr > 
      <td valign='top' align='left'><img src='../images/buku.gif' style='border:0;margin:0;' >&nbsp;Nama:&nbsp;<a href='$hisyam[url]'>$hisyam[nama]</a> 
    <img src='../images/inbox.gif'  style='border:0;margin:0;' >&nbsp;Email :&nbsp;<a href='mailto:$hisyam[email]'>$hisyam[email]</a> 
    &nbsp;Website :&nbsp;<a href='$hisyam[url]'>$hisyam[url]</a>
    &nbsp;Lokasi :&nbsp; $hisyam[alamat] 
    <img src='../images/ip.gif' style='border:0;margin:0;'  >$hisyam[ip] </td>
      <td valign='top' align='left'><img src='../images/post.gif' style='border:0;margin:0;' > $hisyam[date], $hisyam[time] 
<hr color='#FF6600' style='border: dashed 1px;'>
$hisyam[komentar]</td>";  }  ?>
</table>
</body>
</html></pre> 
</div><div style="color: white; text-align: left;">Jika Sudah simapn dan lihat hasil semoga sukses ..?</div><div style="text-align: left;">Download Scriptnya  <a href="http://www.mediafire.com/download.php?hs6q5cdkyq8t992" rel="nofollow" target="_blank">Disini</a> 
Password MEDIAFIRE : his4myahya.blogspot.com</div></div></div>

Membuat Guestbook Dengan PHP Dan Database

Hy semua sudah lama aku tidak pernah posting maaf ada banyak hal yang harus dikerjain. ok hari ini kita akan membahasa bagaimana cara mem...

Script IP-Proxy-Koneksi

<div dir="ltr" style="text-align: left;" trbidi="on">Hy teman-teman maaf ya kalau aku jarang posting atau jarang update karena ada yang harus aku kerjakan. 
oke langusng saja Script IP-Proxy-Koneksi ini adalah hanya unutk membuat subah tampilan"Informasi Anda". 
Jika Kalian penasaran silahkan ketikan script dibawah ini... 
Silahkan memodifikasi script ini 
<div class="alert"><?php 
$agent = $_SERVER['HTTP_USER_AGENT']; 
$uri = $_SERVER['REQUEST_URI']; 
$user = $_SERVER['PHP_AUTH_USER']; 
$ip = $_SERVER['REMOTE_ADDR']; 
$ref = $_SERVER['HTTP_REFERER']; 
$proxy = $_SERVER['HTTP_X_FORWARDED_FOR']; 
$via = $_SERVER['HTTP_VIA']; 
?> 
 
<table width="140" border="0" style="border-collapse:collapse;"> 
 
<tr> 
<td background="img/ket_2.jpg"> 
<img src="img/h_3.jpg" class="menu_kanan">Informasi Anda: 
</td> 
</tr> 
 
<tr> 
<td> 
IP: <?php echo $ip; ?> 
</td> 
</tr> 
 
<tr> 
<td> 
Proxy: <?php echo $proxy; 
?> 
</td> 
</tr> 
 
<tr> 
<td> 
Koneksi: <?php echo $via; 
?> 
</td> 
</tr> 
     
</tr> 
</table> </div><div style="text-align: center;">GOOD LUCK</div></div>

Script IP-Proxy-Koneksi

Hy teman-teman maaf ya kalau aku jarang posting atau jarang update karena ada yang harus aku kerjakan. oke langusng saja Script IP-Proxy-Ko...

Cara Membuat Menu Navigasi Diatas Header

<div dir="ltr" style="text-align: left;" trbidi="on">Hy semua sudah lama ya kita sudah tidak bertemu maaf ya terma-teman aku sedang ada banyak perkerjaan yang harus kuselesaikan. 
hehehhe,. Maklum namanya saja pelajar jadi banyak tugas yang harus dikerjakan sebagai seorang pelajaran/ murid yang baik. 
Sudah langsung saja kita bahas Cara memasang menu  Horizontal diatas header dengan sedikit efek hover. 
<div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjca2JEqgLq3GYYl3l_wLw61XXd2vgqQ6dwX9g3mfH76a5FRLRgTjpGqqFmJA0XyX_64Zt0SL6BLrYp2THApAXHUTMKJZG1FZcbnufc6Ip85FELmRfijTaRMIL6YkzKuymlP-UZ2-l9m70/s1600/e.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjca2JEqgLq3GYYl3l_wLw61XXd2vgqQ6dwX9g3mfH76a5FRLRgTjpGqqFmJA0XyX_64Zt0SL6BLrYp2THApAXHUTMKJZG1FZcbnufc6Ip85FELmRfijTaRMIL6YkzKuymlP-UZ2-l9m70/s640/e.JPG" width="640" /></a></div> 
<a href="http://jsbin.com/uwujak" rel="nofollow">Demo</a> 
 
jika kalian tertarik silhkan kuti langkah-langkah dibawah ini: 
1.  Login blogger Anda 
2.  Pilih Rancangan/Design 
3.  Klik Edit HTML 
4. Cari Kode ]]></b:skin>  untuk memudahkan pencarian coba kalian tekan CRL + F dan F3 jika sudah   
     ketemu copykan kode dibawah ini tepat diatas kode   ]]></b:skin> 
<div class="alert"> 
#hisyam ul li a {position: relative;float: bottom;display: block;width: AUTO;height: 15px;padding: 5px 0 0 0;margin-right: 5px;text-align: center;font-size: 15px;text-decoration: none;color:transparant;font-weight: bold;outline: none;} 
 #hisyam li .current{color: transparant;} 
 #hisyam li a:hover, #hisyam li a:active {background: #4B0082;background: -webkit-gradient(linear, left top, left bottom, from(#4B0082), to(#FF0000)); background: -moz-linear-gradient(top,#4B0082, #FF0000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B0082', endColorstr='#FF0000'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4B0082', endColorstr='#FF0000'); display: inline-block;zoom: 1; *display: inline;border: dotted 1px #555555;padding: 3px 5px;-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 1px 0px rgba(1,0,0,.1); -moz-box-shadow: 0 1px 0px rgba(0,0,0,.1); box-shadow: 0 1px 0px rgba(0,0,0,.1); -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; -webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-o-transform:rotate(10deg);}color: #ffffff;margin: 0;font-size:18px;padding: 9px 15px 8px;text-decoration: none;} 
  #hisyam {width: auto;float: left;margin: 0;padding: 0;}#hisyam {margin: 0;padding: 0;}#hisyam ul {float: left;list-style: none;margin: 0;padding: 0;} 
  #hisyam li {list-style: none;margin: 0;padding: 0;} 
  #hisyam li a, #hisyam li a:link, #hisyam li a:visited {color: #ffffff;display: block;text-transform: capitalize;margin: 0;padding: 9px 15px 8px;font: Bold 15px Georgia, Arial;} 
  #hisyam li a:hover, #hisyam li a:active {background:transparant;color: #ffffff;margin: 0;font-size:20px;padding: 9px 15px 8px;text-decoration: none;} 
  #hisyam li li a, #hisyam li li a:link, #hisyam li li a:visited {background: #00FFFF;background: -webkit-gradient(linear, left top, left bottom, from(#00FFFF), to(#000000)); background: -moz-linear-gradient(top,#00FFFF, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFF', endColorstr='#000000'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFF', endColorstr='#000000'); width: 250px;color: #E6E6FA;-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; border-style: outset;-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; -webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-o-transform:rotate(10deg);float: none;margin: 0;padding: 7px 10px;border-bottom: transparant;border-left: transparant;border-right: transparant;font: bold 14px kristen itc, Arial;} 
  #hisyam li li a:hover, #hisyam li li a:active {background: #FF0000;background: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#00FF00)); background: -moz-linear-gradient(top,#FF0000, #00FF00); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#00FF00'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#00FF00'); color: #ffffff;font-size:20px;font-family:kristen itc;text-align: center;padding: 7px 10px;} 
  #hisyam li {float: left;padding: 0;} 
  #hisyam li ul {z-index: 9999;position: absolute;left: -999em;height: 20px;width: 170px;margin: 0;padding: 0;} 
  #hisyam li ul a {width: 140px;} 
  #mhisyam li ul ul {margin: -32px 0 0 171px;} 
  #hisyam li:hover ul ul, #hisyam li:hover ul ul ul, #hisyam li.sfhover ul ul, #mhisyam  li.sfhover ul ul ul {left: -999em;} 
  #hisyam  li:hover ul, #hisyam  li li:hover ul, #hisyam  li li li:hover ul, #hisyam  li.sfhover ul, #hisyam  li li.sfhover ul, #hisyam  li li li.sfhover ul {left: auto;} 
  #hisyam  li:hover, #hisyam  li.sfhover {position: static;} 
  #footer-column-divide {clear:both;} 
  #hisyam{font-family:Comic Sans Ms;background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEuPB47rQDNj4_mnu5PgvbdjYhq6zNwJ1uD80TQd6UcwoiisuYmJ5zj7jP-8TWjwDmJQu8Wln_F9JvtUpgkeZwua5gd5MlLKh5XW8XsNfjV_j6Je6PljBWmi0AKMuEQRA6p-rgmOq8wKos//)repeat-x;(0,0,0, 0.80);border:1px solid #C0C0C0;padding:2px 0;z-index:999;top:0px;left:1px;right:1px;position:fixed;-moz-border-radius:10px;-webkit-border-radius:10px;} 
</div>5.  Kalau sudah kemudian klik Save 
6.  Pilih rancangan / Design 
7.  Tambah Add a Gadget Klik HML/Javascript. 
8.  silahkan pastekan kode dibawah ini. 
 
<div class="alert"><div id='hisyam'> 
<ul id='hisyam'> 
  <li><a href='/'>Home</a></li> 
<li><a href='#' target='_blank'>Daftar Isi</a></li> 
<li><a href='#' target='_blank'>Download</a> 
<ul class='children'> 
<li><a href='#' target='_blank'>Download Aplikasi</a></li> 
<li><a href='#' target='_blank'>Download Software</a></li> 
<li><a href='#' target='_blank'>Download Template</a></li> 
</ul> 
</li> 
<li><a href='#' target='_blank'>Tips And Triks</a> 
<ul class='children'> 
<li><a href='#' target='_blank'>Tips Blogger</a></li> 
<li><a href='#' target='_blank'>Trik Facebook</a></li> 
</ul> 
</li> 
<li><a href='http://his4myahya.blogspot.com/'>Tutorial</a> 
<ul class='children' target='_blank'> 
<li><a href='#' target='_blank'>Tutorial Blog</a></li> 
<li><a href='#' target='_blank'>Tutorial Photosop</a></li> 
</ul> 
</li> 
<li><a href='#' target='_blank'><blink>Tukar Link</blink></a></li> 
<li><a href='http://his4myahya.blogspot.com' title='htc' target='_blank'><blink>Hisyam yahya</blink></a></li> 
</ul> 
</div></div></div>

Cara Membuat Menu Navigasi Diatas Header

Hy semua sudah lama ya kita sudah tidak bertemu maaf ya terma-teman aku sedang ada banyak perkerjaan yang harus kuselesaikan. hehehhe,. Mak...

hisyam yahya

Membuat Guestbook Dengan PHP Dan Database

Script IP-Proxy-Koneksi

Cara Membuat Menu Navigasi Diatas Header

Populer Post

Comment