Friday, July 6, 2012

Tutorial Memasang Facebook Comment dan Facebook Like Button di Blog Pribadi

Untuk memasang system Facebook Comment dan Like Button ini, pertama kali yang harus anda lakukan adalah Login ke Account Facebook anda. Setelah anda login, coba anda membuka sebuah halaman baru dan ketikkan buka alamat https://developers.facebook.com/apps/. Alamat tersebut berfungsi untuk membuat sebuah aplikasi Facebook yang akan kita manfaatkan sebagai wadah Facebook Comment dan Like Button tersebut. Setelah halaman tersebut terbuka, buatlah sebuah Applikasi baru dengan menekan tombol Create New App. Perhatikan Gambar di bawah ini :

membuat Application pada facebook

Setelah anda berhasil membuat sebuah aplikasi baru, anda akan mendapatkan App ID/API Key dan App Secret seperti yang diperlihatkan di gambar diatas. Keduanya adalah yang akan kita gunakan ketika membangun aplikasi ini nantinya. Selanjutnya mari kita buat sebuah Facebook Comment dengan melalui alamat https://developers.facebook.com/docs/reference/plugins/comments/. Setelah alamat tersebut terbuka, masukkan alamat web yang ingin anda lengkapi dengan Facebook Comment ini. Misalkan alamat yang web yang kita inginkan adalah http://aplikasiphp.com, dengan jumlah postingan yang ditampilkan 100 post per halaman serta lebar aplikasi sekitar 470 pixel. Perhatikan gambar di bawah ini :

membuat Facebook Comment


Setelah itu, tekan tombol Get Code anda akan mendapatkan kode seperti dibawah ini :

Kode Facebook Comment

Kode pertama, silahkan anda Copy + Paste kedalam template website anda didalam tag . Sebagai contohnya adalah sebagai berikut :


  1. <html>
  2. <head>
  3. <title>Membuat Form Komentar Ala Facebook di Blog Pribadi | AplikasiPHP.Com</title>
  4. </head>
  5. <body>
  6. <div id="fb-root"></div>
  7. <script>(function(d, s, id) {
  8. var js, fjs = d.getElementsByTagName(s)[0];
  9. if (d.getElementById(id)) return;
  10. js = d.createElement(s); js.id = id;
  11. js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=395375743806292";
  12. fjs.parentNode.insertBefore(js, fjs);
  13. }(document, 'script', 'facebook-jssdk'));</script>
  14. </body>
  15. </html>


Sedangkan Kode bagian kedua dari gambar diatas, anda dapat tempatkan dibagian mana anda ingin menampatkan Facebook Comment tersebut. Perhatikan kode dibawah ini :

  1. <div class="fb - comment" data-href="http://analisismiliter.com" data-num-posts="100" data-width="550"></div>

Nah yang anda perlu perhatikan adalah data-href=”http://analisismiliter.com”. Data tersebut adalah link website yang anda ingin masukkan FB Comment didalamnya. Jika anda memiliki beberapa halaman website dan ingin menempatkan FB Comment didalamnya, anda hanya perlu copy paste kode diatas kemudian modifikasi alamat website tersebut didalam kode tersebut.

Facebook Like Button

Membuat Facebook Like Button hampir sama dengan membuat FB Comment. Jika anda sudah membuat FB Comment dengan Sukses sebelumnya, anda hanya perlu memasukkan kode FB Like Button dengan kode seperti di bawah ini :

  1. <div class="fb - likes" data-send="true" data-width="450" data-show-faces="true"></div>

Nah sampai disini, tutorial ini sudah berhasil anda pelajari. Mari terapkan tutorial ini untuk membangun aplikasi website yang sangat interaktif. Nantinya setiap ada komentar akan secara otomatis memunculkan sebuah notifikasi di Account Facebook Anda.

Source:  http://aplikasiphp.com/


Anda ingin mencari refrensi dan contoh program lengkap ? Kami ada. Sekarang Anda bisa mencari Aplikasi PHP MySQL di situs ini : http://www.bunafitkomputer.com. Koleksi program lengkap di sana, proyek PHP dan MySQL, juga jQuery dan Framework. Bukunya juga ada.

Wednesday, July 4, 2012

Membuat Slideshow Gallery gambar dengan PHP dan JQuery

Aplikasi ini adalah gabungan dari 2 aplikasi yaitu aplikasi jQuery untuk slideshow (amazon_scroller.js) dan aplikasi untuk zoom image (jquery.bigPicture.js).  aplikasi ini bertujuan untuk membantu teman-teman dalam menampilkan gambar dalam bentuk slideshow. dan ketika suatu gambar di klik dalam slideshow tadi, maka aplikasi jQuery Zoom akan memperbesar gambar dalam ukuran gambar yang asli.
Sedangkan data gallerynya di ambil dari sebuah database “test” dan nama tabelnya “tools_gallery

Tabel “tools_gallery”
Script Include JQuery

<!—untuk zoom image–>
<script type=”text/javascript” src=”./js/jquery.js”></script>
<script type=”text/javascript” src=”./js/jquery.bigPicture.js”></script>
<script type=”text/javascript” src=”./js/jquer.bigPicture-min.js”></script>
<script type=”text/javascript” src=”./js/jquery.bigPicture-pack.js”></script>
<script type=”text/javascript” src=”./js/jquery.easing.js”></script>
<link rel=”stylesheet” type=”text/css” href=”css/core.css”/>
<link rel=”stylesheet” type=”text/css” href=”css/skin.css”/>
<!–untuk slideshow–>
<link href=”css/amazon_scroller.css” rel=”stylesheet” type=”text/css”></link>
<script type=”text/javascript” src=”js/amazon_scroller.js”></script>
<script language=”javascript” type=”text/javascript”>
Menyisipkan Syntax Javascript
<script language=”javascript”>
$(‘a.info’).bigPicture({
‘enableInfo’: true,
‘infoPosition’: ‘bottom’
});
</script>
Menampilkan gambar
<div id=”amazon_scroller1″>
<div>
<ul>
<?php
include “./include/conn.php”;
$select=mysql_query(“select * from tools_gallery”);
while($row=mysql_fetch_array($select)){
?><li><a href=”./gallery/<?php echo $row['gambar'];?>” title=”<?php echo $row['keterangan'];?>” name=”gambar”><img src=”./gallery/<?php echo $row['gambar'];?>” width=”60″ height=”60″ title=”Klik photo”/></a></li><?php
}
?>
</ul>
</div>
<ul>
<li></li>
<li></li>
</ul>
<div style=”clear: both”></div>
</div>
Source:  http://ri32.wordpress.com/


Anda ingin mencari refrensi dan contoh program lengkap ? Kami ada. Sekarang Anda bisa mencari Aplikasi PHP MySQL di situs ini : http://www.bunafitkomputer.com. Koleksi program lengkap di sana, proyek PHP dan MySQL, juga jQuery dan Framework. Bukunya juga ada.

Membuat Web Absensi Online dengan PHP dan MySQL


Pada artikel kali ini  akan membahas tentang aplikasi web yang digunakan untuk mengelola absensi siswa secara online. adapun fitur yang tersedia adalah input siswa, input kelas, input absen, dan rekap absensi.
Pada web ini juga dibutuhkan suatu hak akses untuk mengelola absensi yaitu dengan fasilitas login. sehingga hanya user tertentu yang berhak masuk ke halaman utama. untuk mencoba aplikasinya silahkan gunakan :
  • Username : agus
  • Password : agus
Database


PERHATIAN!!!
Jika teman-teman belum berhasil login, coba periksa dahulu. apakah database dengan nama absensi_db.sql.zip yang saya beri dan berada di folder web absensi online sudah  diimport ke phpmyadmin teman-teman?
Nama databasenya samain aja dengan nama file tersebut yaitu absensi_db biar gak usah ngerubah lagi konfigurasinya di file conn.php. udah pada tau kan cara import databasenya? kalo belum, coba baca dech artikel ini mudah2an paham.
Kalo mau ubah username atau password buat masuk ke aplikasinya, ubahnya atau insert di phpmyadmin aja. jangan lupa passwordnya pake MD5.
 
 
Source:  http://ri32.wordpress.com/





Anda ingin mencari refrensi dan contoh program lengkap ? Kami ada. Sekarang Anda bisa mencari Aplikasi PHP MySQL di situs ini : http://www.bunafitkomputer.com. Koleksi program lengkap di sana, proyek PHP dan MySQL, juga jQuery dan Framework. Bukunya juga ada.

Cara Membuat Aplikasi Image Thumbnail dengan PHP dan MySQL

Pernahkah lihat gambar teman anda di FB atau di koprol yang ukurannya kecil-kecil seperti ini :
Image Thumbnail Facebook
Image Thumbnail Koprol.com
Nah, disini saya  ingin membuat sebuah aplikasi yang fungsinya adalah :
Untuk membuat ukuran file gambar menjadi kecil, tapi tidak membuat tampilan gambarnya menjadi “pecah”. dan saat gambarnya di save images as…, ukuran dimensi gambarnya sudah berubah menjadi kecil.
Cara Menggunakan Aplikasi :
Upload gambar yang akan di kecilkan ukurannya
Tampilan Output
Algoritma Aplikasi :
  1. Upload file gambar asli
  2. Gambar akan di upload, file asli disimpan di folder  files, dan file thumbnail disimpan di folder thumb.
  3. Data alamat gambar di masukan kedalam database imagedb.
  4. Gambar akan di tampilkan dengan susunan gambar asli, gambar hasil thumbnail, dan gambar yang di perkecil manual dengan mengurangi ukuran gambar.
  5. Selesai.
Cara menggunakan fungsi cropImage :
fungsinya disimpan di file conn.php, sedangkan bentuk pemanggilan fungsinya adalah sebagai berikut :

cropImage(45, 45, “$alamatfile”, ‘jpg’, “$alamatthumb”);
atau
cropImage(ukuran_lebar,ukuran_tinggi,alamat_file_sumber, tipe_gambar,alamat_thumbnail_disimpan);

Source: http://ri32.wordpress.com/





Anda ingin mencari refrensi dan contoh program lengkap ? Kami ada. Sekarang Anda bisa mencari Aplikasi PHP MySQL di situs ini : http://www.bunafitkomputer.com. Koleksi program lengkap di sana, proyek PHP dan MySQL, juga jQuery dan Framework. Bukunya juga ada.

Cara Membuat Tampilan Tabel Menjadi Belang-Belang

Berbicara mengenai table dalam website, tentunya kita mengetahui bahwa HTML bisa membuat table dengan mudah. Namun yang menjadi permasalahannya adalah table tersebut tidaklah cantik dan enak untuk dilihat. Coba perhatikan gambar di bawah ini yang merupakah table yang dibentuk dengan menggunakan HTML biasa tanpa CSS.

Tabel HTML tanpa CSS

Nah dari gambar diatas kelihatan bahwa kode HTML biasa tidak mampu untuk mencetak Tabel yang cantik dan indah untuk dilihat. Nah kekurangan HTML ini bisa diatasi dengan memadukannya dengan kode style yaitu CSS. Cara memadukan kode CSS dengan HTML sangatlah mudah yaitu dengan cara memanggil langsung file CSS didalah kode HTML. Perhatikan kode di bawah ini :


  1. <html>
  2. <head>
  3. <title>Aplikasi Tabel Zebra Cantik dengan CSS | AplikasiPHP.Com</title>
  4. <link href="table.css" rel="stylesheet" type="text/css" />
  5. </head>


Kode diatas akan memanggil file CSS yaitu “Table.css”, sehingga style yang sudah kita buat akan di masukkan kedalam table sehingga mempercantik tampilan table. Adapun kode CSS yang kita gunakan adalah seperti kode di bawah ini :
  1. /* Tabel Properti */
  2. #mytable {
  3. padding: 0;
  4. margin: 0;
  5. }
  6.  
  7. #mytable td {
  8. border-right: 1px solid #ccc;
  9. border-bottom: 1px solid #ccc;
  10. background: #efefefe;
  11. color: #0066ff;
  12. padding: 2px;
  13. }
  14.  
  15. #mytable td.genap {
  16. border-right: 1px solid #ccc;
  17. border-bottom: 1px solid #ccc;
  18. color: #0066ff;
  19. background: #eeee22;
  20. padding: 2px;
  21. }
  22.  
  23. #mytable td.alt {
  24. background:#0099ff;
  25. color: #fff;
  26. border-top: 1px solid #ccc;
  27. text-align: center;
  28. font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  29. padding: 2px;
  30. }
  31.  
  32.  
  33. #mytable td.spec {
  34. border-left: 1px solid #ccc;
  35. border-top: 0;
  36. background: #efefefe;
  37. padding: 2px;
  38. }
  39.  
  40. #mytable td.spec1 {
  41. border-left: 1px solid #ccc;
  42. border-top: 0;
  43. background: #eeee22;
  44. padding: 2px;
  45. }
  46.  
  47. #mytable td.specalt {
  48. background: #0099ff;
  49. border-top: 1px solid #ccc;
  50. border-left: 1px solid #ccc;
  51. font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  52. color: #fff;
  53. text-align: center;
  54. padding: 2px;
  55. }



Sedangkan file tampilannya akan kita buat seperti kode dibawah ini :

  1. <html>
  2. <head>
  3. <title>Aplikasi Tabel Zebra Cantik dengan CSS | AplikasiPHP.Com</title>
  4. <link href="table.css" rel="stylesheet" type="text/css" />
  5. </head>
  6. <body>
  7. <table id=mytable cellspacing="0" width=48%>
  8. <tr>
  9. <td width="5px" class=specalt ><center>No</center></td>
  10. <td width="100px" class=alt ><center>Sender</center></td>
  11. <td width="100px" class=alt ><center>Received Time</center></td>
  12. <td width="200px" class=alt ><center>Message</center></td>
  13. </tr>
  14. <tr>
  15. <td width="5px" class=spec>1</td>
  16. <td>08136141xxxx</td>
  17. <td>21 Maret 2012</td>
  18. <td>Ini contoh pesan aja</td>
  19. </tr>
  20. <tr>
  21. <td width="5px" class=spec1>2</td>
  22. <td class="genap">08136141xxxx</td>
  23. <td class="genap">21 Maret 2012</td>
  24. <td class="genap">Ini contoh pesan aja</td>
  25. </tr>
  26. <tr>
  27. <td width="5px" class=spec>3</td>
  28. <td>08136141xxxx</td>
  29. <td>21 Maret 2012</td>
  30. <td>Ini contoh pesan aja</td>
  31. </tr>
  32. </body>
  33. </html>


Jika kode tersebut di jalankan, maka hasilnya akan terlihat seperti gambar di bawah ini :

Tabel HTML dengan CSS Source : http://aplikasiphp.com/


Anda ingin mencari refrensi dan contoh program lengkap ? Kami ada. Sekarang Anda bisa mencari Aplikasi PHP MySQL di situs ini : http://www.bunafitkomputer.com. Koleksi program lengkap di sana, proyek PHP dan MySQL, juga jQuery dan Framework. Bukunya juga ada.

Teknik Membuat Aplikasi Chat Sederhana dalam PHP

Prinsip Kerja Aplikasi Chating

Pada desktop aplication banyak kita temui aplikasi chat seperti ym,mirc,etc..,konsep keja mereka sama saja yaitu :

1. aplkasi client (mirc) meminta request untuk bergabung dengan server irc dengan mengirimkan data data client
2. server akan membuat sebuah sesi untuk cient tersebut..lalu memberikan respon berupa data percakapan pengguna dimulai dari waktu user login sampai wwaktu sekarang
3. pada interval tertentu server akan mencek apakah user benar2 online

The Code

Pertama kita membuat aplikasi server yang akan menangani setiap request dari client. ketik kode berikut dan simpan dengan nama message.php

Code:
<?
session_start();
include "db.php";
        $status="active";
        $waktulogin=$_SESSION[waktulogin];
        $exp=date("His")+600;
        $uid=substr(session_id(),0,15);
        $time_now=date("His");
        $nick=$_SESSION[nick];
echo "qq";
function show_mesage()
{

global $status,$waktulogin,$exp,$uid,$time_now,$nick;

$sqlchat="select * from user,chat where chat.post_time >='$waktulogin' and chat.post_time <='$time_now' and user.nick_name=chat.nick_name";
// debug : echo "$sqlchat";
$qrychat=mysql_query($sqlchat) or die (mysql_error());
    $i=0;
    while ($datachat=mysql_fetch_array($qrychat))
    {
    $i++;
      echo "$i:< $datachat[nick_name] > : $datachat[pesan]<br></div>";
    }

}
function update_user()
{
global $status,$waktulogin,$exp,$uid,$time_now,$nick;

  $sql_exp="update user set exp_time='$exp' where nick_name='$nick'";
  mysql_query($sql_exp) or die (mysql_error()); 
}

function delete_user()
{
global $status,$waktulogin,$exp,$uid,$time_now,$nick;

$sql_del_user="delete from user where exp_time=$time_now or exp_time<=$time_now";
mysql_query($sql_del_user) or die (mysql_error());

}

function init()
{
global $status,$waktulogin,$exp,$uid,$time_now,$nick;

echo show_mesage();
delete_user();
update_user();
}

function save_message()
{
global $status,$waktu_login,$exp,$uid,$time_now,$nick,$msg;
$sqlchat="insert into chat (nick_name,pesan,post_time) values ('$nick','$msg','$time_now')";
$qrychat=mysql_query($sqlchat)or die(mysql_error());

}

function list_user()
{
echo "<b>USER LIST</b><br><br>";
$sqluser="select * from user";
$qryuser=mysql_query($sqluser) or die (mysql_error());
while ($datauser=mysql_fetch_array($qryuser))
 {
  if ($_SESSION[nick]==$datauser[nick_name])
  {
    echo "<b>< $datauser[nick_name] ></b><br>";
  }
  else
  {
    echo "<a href=private_room.php?nick1=$_SESSION[nick]&nick2=$datauser[nick_name] target=_blank>< $datauser[nick_name] ></a> <br>";
  }
 }

}

function cek_pv()
{
global $status,$waktulogin,$exp,$uid,$time_now,$nick;

$sqluser="select distinct(sender),received from private_room where received='$nick'";
$qryuser=mysql_query($sqluser) or die (mysql_error());
while ($datauser=mysql_fetch_array($qryuser))
 {
  if ($nick==$datauser[received]){
  echo "| <a href=private_room.php?nick1=$_SESSION[nick]&nick2=$datauser[sender] target=_blank>< $datauser[sender] ></a> |";
  }
 }


}
 
 
 
 
    switch($_GET[action])
    {
        case "" :
        {
        init();break;
        }
        case "view":
        {
          init();break;
        }
        case "send":
        {
              $msg=$_GET[inputText];
            save_message();
            init();
            break;
     
        }
        case "cek_pv":
        {
        echo cek_pv();break;
        }
        case "list_user":
        {
        echo list_user();
        break;
        }
     

    }
?>



sebelumnya buat file db.php untuk konfigurasi dan koneksi ke mysql database :
Code:
<?
$dbhost="localhost";
$dbuser="root";
$dbpass="";
$dbname="chat_db";

mysql_connect($dbhost,$dbuser,$dbpass) or die(mysql_error());
mysql_select_db($dbname) or die(mysql_error());
?>


Sebagai antar muka client buat file dengan nama client.php dan masukkan kode berikut:
Code:
<?
//session_start();
?>
<!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>
  <script language="javascript" type="text/javascript">

function getHTTPObject()
{
  var xmlHttp

  try
  {
    //Firefox, Opera 8.0+, Safari
    xmlHttp = new XMLHttpRequest();
  }
  catch(e)
  {
    //Internet Explorer
    try
    {
      xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
    }
    catch(e)
    {
      try
      {
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
      }
      catch(e)
      {
        alert("Your browser does not support AJAX!")
        return false;
      }
    }
  }
  return xmlHttp;
}

function setuserlist()
{
      if(ulisthttpObject.readyState == 4)
      {
        document.getElementById('userlist').innerHTML = ulisthttpObject.responseText;
      }
}

function userlist()
{
              ulisthttpObject = getHTTPObject();
              if (ulisthttpObject != null)
                {
                  ulisthttpObject.open("GET", "message.php?action=list_user", true);
                  ulisthttpObject.onreadystatechange = setuserlist;
                  ulisthttpObject.send(null);

                }
}

 function setOutput()
  {
 
    if(httpObject.readyState == 4)
    {
        document.getElementById('outputText').innerHTML = httpObject.responseText;
    }
 }


function reQuest()
{
        userlist();
    cekPrivate();
  httpObject = getHTTPObject();
           
              if (httpObject != null)
                {
                  httpObject.open("GET", "message.php?action=view", true);
                  httpObject.onreadystatechange = setOutput;
                  httpObject.send(null);

                }
             

}

  function sendMesage()
    {
            httpObject = getHTTPObject();
              if (httpObject != null)
                {
                  httpObject.open("GET", "message.php?action=send&inputText="
                                    +document.getElementById('inputText').value, true);
                  httpObject.onreadystatechange = reQuest;
                  httpObject.send(null);

                }
             
    }
 function set_pv()
  {
 
    if(pvhttpObject.readyState == 4)
    {
        document.getElementById('top_panel').innerHTML = pvhttpObject.responseText;
    }
 }
function cekPrivate()
    {
            pvhttpObject = getHTTPObject();
              if (pvhttpObject != null)
                {
                  pvhttpObject.open("GET","message.php?action=cek_pv",true);
                  pvhttpObject.onreadystatechange = set_pv;
                  pvhttpObject.send(null);

                }
             
    }

function reFresh()
{
  window.setInterval("reQuest()",1000);//-->
}
</script>
  <style type="text/css">
<!--
.output {
    border: 1px solid #555555;
    overflow: scroll;
    width: 75%;
    height: 400px;
    float:left; 

}
.usrlist {
    border: 1px solid #555555;
    width: 20%;
    float: right;
    height: 400px;    overflow: scroll;

    }
.inputbox
{
    width: 100%;
}
.top_panel
{
    background-color: #ECE9D8;
    text-align: right;
    margin:5px;
    padding:5px;
}
-->
  </style>
  </head>

<body onLoad="reFresh();">
<div class="top_panel" id="top_panel">| <a href="#">Log out</a></div>
<div class="output" id="outputText"  name="outputText"></div>
<div class="usrlist" id="userlist" name="userlist"></div>
<div class="inputbox">
  <form name="form1">
    <input name="inputText" type="text" id="inputText" size="100">
    <input type="button" value="Kirim Pesan" onClick="sendMesage();">
  </form>
</div>
</body>

  </html>

Terakhir kita akan membuat daftar user yang join ke server simpan dengan nama userlist.php
Code:
<?

include "db.php";
echo "<b>USER LIST</b><br><br>";
$sqluser="select * from user";
$qryuser=mysql_query($sqluser) or die (mysql_error());
while ($datauser=mysql_fetch_array($qryuser))
{
echo "<a href=private_room.php?id=$datauser[nick_name] target=_blank>< $datauser[nick_name] ></a> <br>";
}
?>


jangan lupa untuk membuat databasenya :
Code:
CREATE TABLE `chat` (
  `nick_name` varchar(15) collate latin1_general_ci NOT NULL,
  `pesan` varchar(100) collate latin1_general_ci NOT NULL,
  `post_time` varchar(10) collate latin1_general_ci NOT NULL
) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci;

CREATE TABLE `user` (
  `fullname` varchar(50) collate latin1_general_ci NOT NULL,
  `nick_name` varchar(15) collate latin1_general_ci NOT NULL,
  `status` varchar(10) collate latin1_general_ci NOT NULL,
  `user_id` varchar(15) collate latin1_general_ci NOT NULL,
  `exp_time` varchar(10) collate latin1_general_ci NOT NULL
) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci;
 
Source:  http://surabaya-programing.forumotion.com/





Anda ingin mencari refrensi dan contoh program lengkap ? Kami ada. Sekarang Anda bisa mencari Aplikasi PHP MySQL di situs ini : http://www.bunafitkomputer.com. Koleksi program lengkap di sana, proyek PHP dan MySQL, juga jQuery dan Framework. Bukunya juga ada.

Cara Membuat Sebuah Komentar Ala Facebook

Tampilan form komentar ala Facebook ini akan terlihat seperti gambar ini :



Dan setiap komentar yang diberikan oleh pengunjung secara otomatis akan muncul di wall facebook sang pemberi komentar, seperti gambar berikut :




Cara Membuat Form Komentar Ala Facebook :

Untuk membuat form komentar ini caranya sangat mudah sekali. Anda hanya perlu membuat sebuah blog sederhana menggunakan bahasa PHP atau HTML biasa juga bisa. Kemudian, pada halaman blog tersebut sediakan tempat untuk tempat menampung komentar ini.

Pada tempat tersebut, ketikkanlah kode berikut :



Dari kode diatas, anda hanya perlu menyesuaikan 3 parameter saja yaitu :

1. Link ke artikel yang akan di komentari.

Linknya harus benar-benar valid, agar komentar yang diketikkan hanya akan tampil di halaman tersebut. Ini perlu untuk menghindari kesalahan dalam memberikan komentar.

2. Jumlah Postingan yang akan ditampilkan (num_posts)

Settingan ini menentukan berapa jumlah komentar maxsimal yang akan di tamping oleh form tersebut.

3. Lebar kolom komentar itu sendiri (width).

Ini mengatur lebar dari kololom komentar yang akan di tampilkan di website kita. Sesuaikan dengan kebutuhan anda.

Form komentar ala facebook ini sangat berguna sekali dalam meningkatkan trafik kedalam website kita, karena setiap komentar dari pengunjung akan di publish di wall FB nya, sehingga kemungkinan teman-teman dari pengunjung tersebut juga akan melihat dan mampir ke website kita.


Jadi, tunggu apa lagi, segera gunakan di blog/website anda. Contoh dari form komentar ala facebook dapat anda lihat dan praktekkan di bagian bawah artikel ini ya ..


Sumber : http://aplikasiphp.com


Anda ingin mencari refrensi dan contoh program lengkap ? Kami ada. Sekarang Anda bisa mencari Aplikasi PHP MySQL di situs ini : http://www.bunafitkomputer.com. Koleksi program lengkap di sana, proyek PHP dan MySQL, juga jQuery dan Framework. Bukunya juga ada.