Widget Iklan Baris Di Blogger Berbasis PHP (Bagian 3)

Beberapa hari yang lalu kita telah mengetahui cara membuat koneksi database dan membuat tabel, semoga tidak ada masalah ya... hehehe sekarang saatnya kita belajar membuat forminputiklan.php dan halaman viewiklan.php untuk menginputkan data ke dalam database yang telah kita buat sebelumnya dan menampilkannya.


Pada Tahapan ini, saya anggap sobat sudah menerapkan langkah-langkah di postingan sebelumnya. Jika belum, silahkan silahkan baca dulu postingan yang ini dan ini.

Ikuti langkah-langkah berikut ini untuk membuat halaman forminputiklan.php :

1. Login dengan username dan password sobat di www.ueuo.com
   
   
2. Masukklah ke menu "File Manager" cari fasilitas CREATE FILE/BUAT FILE BARU isi dengan nama "forminputiklan.php" kemudian klik "Create File". Lihat gambar di bawah ini :
   
   
   
   Anda akan di bawa ke halaman textarea, copy paste script di bawah ini dan jangan lupa disimpan :
   
   
   *Update : Sedikit perubahan script karena penulisan script yang terdahulu terjadi sedikit kesalahan sehingga tidak dapat berfungsi sebagaimana mestinya.
   
   
   
   <?
   session_start();
   function makeRandomcaptcha() {
   $salt ="abch123efgABCDEFhjkm4LMNP567npqGHIJKrstuvwxyz89";
   srand((double)microtime()*1000000);
   $i = 0;
   while ($i <= 5) {
   $num = rand() % 33;
   $tmp = substr($salt, $num, 1);
   $pass = $pass . $tmp;
   $i++;
   }
   return $pass;
   }
   
   $captcha_word = makeRandomcaptcha();
   
   if($_GET[tampil]=="1")
   {
   $im = imagecreate(100, 30);
   
   $hitam = imagecolorallocate( $im,255,255,255);
   $putih = imagecolorallocate( $im,0,0,0);
   $ukuran_font = 7;
   
   imageline($im, 0, 15, 99, 15, $putih);
   
   
   $pos_x = (imageSX($im) - strlen($_GET[cod]) * imagefontwidth($ukuran_font))/2;
   $pos_y =(imageSY($im) - imagefontheight($ukuran_font))/2;
   
   imagestring($im, $ukuran_font, $pos_x, $pos_y, $_GET[cod], $putih);
   
   
   header("Content-Type: image/jpeg");
   imageJPEG($im);
   imagedestroy($im);
   }
   
   include"koneksi.inc.php" ?>
   
   <form method="POST" action="forminputiklan.php" style="position:absolute;top:5px;z-index:101">
   <table width=356 style="font-family:verdana;font-size:11px" cellpadding=4 cellspacing=1>
   <td><b><center>PASANG IKLAN ANDA DI SINI</center><hr></b></td></tr>
   <tr><table width=25% style="font-family:verdana;font-size:11px" cellpadding=2 cellspacing=0>
   <td>
   Nama Pemasang
   <br>
   <input type="text" name="pemasang" size="25" maxlength="100" value="<? echo"$_POST[pemasang]"; ?>"></td><td>
   Alamat Email
   <br>
   <input type="text" name="email" size="25" maxlength="100" value="<? echo"$_POST[email]"; ?>"></td>
   <tr><td>Judul Iklan<br>
   <input type="text" name="judul" size="25" maxlength="150" value="<? echo"$_POST[judul]"; ?>"></td>
   <td>Blog/Web (Dgn http://)<br>
   <input type="text" name="urlx" value="<? echo"$_POST[urlx]"; ?>" size="25"></td></tr>
   </table>
   <table width=375 style="font-family:verdana;font-size:11px" cellpadding=2 cellspacing=0>
   <tr><td>Isi Iklan (Max :300 karakter)</td></tr>
   <tr><td><textarea rows="6" cols="41" type="text" name="ket" value="<? echo"$_POST[ket]"; ?>" maxlength="300"></textarea></td></tr>
   </table>
   
   <table width=356 style="font-family:verdana;font-size:9px" cellpadding=0.5 cellspacing=0.5>
   
   <td>
   <? echo"<center><img src=forminputiklan.php?tampil=1&cod=$captcha_word>"; ?></center><td><center>
   MASUKKAN KODE<br><input type=text size="19.1" name=word id="word">
   <input type=hidden name=words id="words" value="<? echo"$captcha_word"; ?>"></center></td>
   <td><center><input type="submit" name="submit" value="Pasang!"></center>
   </td></td>
   </table>
   <table width=356 style="font-family:verdana;font-size:10px" cellpadding=2 cellspacing=1>
   <td><center>
   <blink><b>PERINGATAN!</b></blink>
   Pemasangan iklan tidak boleh melanggar SARA, penipuan, mengandung unsur pornografi, atau yang melanggar hukum yang berlaku. Iklan yang melanggar ketentuan diatas akan di hapus permanent.</center></td>
   </table>
   </form>
   <?
   
   
   if($_POST[submit])
   {
   $urlstr=substr("$_POST[urlx]",0,7);
   if(empty($_POST[judul]))
   {
   echo"<script>alert('title tidak boleh kosong')</script>";
   }
   elseif(empty($_POST[pemasang]))
   {
   echo"<script>alert('Nama Pemasang tidak boleh kosong')</script>";
   }
   elseif(empty($_POST[email]))
   {
   echo"<script>alert('Alamat Email tidak boleh kosong')</script>";
   }
   elseif(empty($_POST[urlx]))
   {
   echo"<script>alert('url tidak boleh kosong')</script>";
   }
   elseif($urlstr!="http://")
   {
   echo"<script>alert('salah penulisan url')</script>";
   }
   elseif(empty($_POST[ket]))
   {
   echo"<script>alert('keterangan tidak boleh kosong')</script>";
   }
   elseif($_POST[word]!=$_POST[words])
   {
   echo"<script>alert('kode salah')</script>";
   }
   else
   {
   $pemasang=str_replace("'","",$_POST[pemasang]);
   $email=str_replace("'","",$_POST[email]);
   $judul=str_replace("'","",$_POST[judul]);
   $ket=str_replace("'","",$_POST[ket]);
   $urlx=str_replace("'","",$_POST[urlx]);
   
   
   $now=time();
   mysql_query("INSERT INTO bloglist (id,Pemasang,email,judul,link,ket) VALUES ('$now','$pemasang','$email','$judul','$urlx','$ket')");
   echo"
   
   <script>window.close()</script>";
   
   }
   }
   ?>
   <div style=display:none>
   
   
   
   
3. Untuk melihat hasil dari kode tersebut buka jendela baru masukkan alamat ini "http://a9u5543.ueuo.com/forminputiklan.php" (jangan lupa ganti tulisan "a9u5543.ueuo.com" dengan alamat hosting anda sendiri) kemudian lihat hasilnya. Jika tidak ada masalah maka akan muncul halaman seperti ini (klik di sini).
   
   
4. Untuk menguji form tsb isilah form tersebut dan klik tombol "Pasang!"
   
   
5. Untuk melihat hasil input sementara, silahkan kembali ke Member Area, Klik Tombol phpMyadmin, Masukkan nama database anda dan password database. Setelah itu akan muncul halaman "phpmyadmin area". Pada sidebar kiri, klik link database seperti yang ditunjukkan pada gambar di bawah ini :
   
   
   
   Setelah itu akan muncul halaman Database anda pada phpmyadmin, klik bagian yang dilingkar merah seperti pada gambar di bawah ini :
   
   
   
   
6. Jika data yang kita masukkan ke dalam database berhasil tersimpan, maka akan muncul seperti pada gambar berikut ini, lihat yang dilingkari warna merah :
   
   

Setelah kita berhasil membuat halaman "forminputiklan.php" sekarang kita akan membuat halaman "viewiklan.php" untuk menapilkan data yang berhasil kita masukkan ke dalam database tadi. Ikuti langkah berikut :

1. Login dengan username dan password sobat di www.ueuo.com
   
   
2. Masukklah ke menu "File Manager" cari fasilitas CREATE FILE/BUAT FILE BARU isi dengan nama "viewiklan.php" kemudian klik "Create File". Lihat gambar di bawah ini :
   
   
   
   Anda akan di bawa ke halaman textarea, copy paste script di bawah ini dan jangan lupa disimpan :
   
   
   
   <html>
   
   <? include"koneksi.inc.php";
   $sqlj=mysql_query("SELECT * FROM bloglist");
   $jum=mysql_num_rows($sqlj);
   
   $sql=mysql_query("SELECT * FROM bloglist ORDER BY RAND() LIMIT $jum");
   ?>
   <body bgcolor="#ffffff" leftmargin="0">
   <table style="position:absolute;top:0;left:0px;z-index:100" width="390" height="10px" bgcolor="#ffffff"><tr><td></td></tr></table>
   <script type="text/javascript">
   function myPopup2() {
   window.open( "http://a9u5543.ueuo.com/forminputiklan.php", "myWindow",
   "status = 1, height = 350, width = 370, resizable = 0,scrollbars=yes; left=10" )
   }
   
   </script>
   <div style="position:absolute; overflow:auto;top:-3;left:0px;z-index:101;width:100%;padding:5px;font-family:verdana">
   <table width=100% style="font-family:verdana;font-size:11px" cellpadding=2 cellspacing=0>
   <td><?
   echo"<b><strong><i>Iklan Yang Masuk ----> $jum</i></strong></b>";
   ?>
   </td>
   <td>
   <button onClick="window.location.reload()" style="font-size:8pt">Refresh</button><button onClick="myPopup2()" style="font-size:8pt">[+]</button>
   </td></table>
   </div>
   <div style="position:absolute; overflow:auto;top:28;left:0px;z-index:101;font-size:11px;width:362;height:322;padding:5px;font-family:verdana">
   
   <?
   if($jum!="0")
   {
   $x=0;
   while($hsl=mysql_fetch_array($sql))
   {
   $x++;
   $scroll[$x]="<hr><u><strong>$hsl[judul]</strong></u><br>$hsl[ket]<br><br><strong><u>$hsl[pemasang]</u></strong> | <strong><u>$hsl[email]</u></strong> | <a href=\"$hsl[link]\" target=\"_blank\"><b>Website</b></a><br><br>";
   echo"$scroll[$x]";
   }
   }
   ?>
   </div>
   </body>
   </html>
   
   
   
   *Warning! cari -->> "http://a9u5543.ueuo.com" pada kode diatas kemudian ganti dengan alamat hosting anda sendiri.
   
   
3. Untuk melihat hasil dari kode tersebut buka jendela baru masukkan alamat ini "http://a9u5543.ueuo.com/viewiklan.php" (jangan lupa ganti tulisan "a9u5543.ueuo.com" dengan alamat hosting anda sendiri) kemudian lihat hasilnya. Jika tidak ada masalah maka akan muncul halaman seperti ini (klik di sini).
   
   
4. Sebagai Uji Coba, Silahkan tekan tombol "[+]", maka akan muncul jendela popup "form input iklan" yang tadi kita buat. Isi Form input bloglist tersebut lalu tekan tombol "Pasang!". Setelah berhasil di eksekusi, tekan tombol "Refresh" untuk melihat hasilnya.
   

Pada tahapan ini sobat sudah selesai membuat widgetnya, tinggal memasngnya di blog kita dan dikombinasikan dengan "TabView". Untuk itu, tunggu tutorial selanjutnya....

Semoga sampai di sini tidak ada masalah, saya mau makan siang dulu, dah laper neh... hehehe

UPDATE : Untuk membaca lanjutan tutorial ini Silahkan klik di sini.