Membuat komentar seperti facebook dengan php

Membuat komentar seperti facebook dengan php

Deskripsi    : Pasti sobat semua tidak asing lagi dengan yang namanya Facebook, hampir semua orang mempunyai facebook untuk kegiatan sosial medianya, baik untuk jualan, hiburan dan sebagainya. Kali ini sobat bisa buat Facebook sendiri dengan bahasa pemprograman PHP dan database MySQL. Source Code buatan Ultraviolet Developer ini sangat baik untuk dipelajari, atau sekedar mengambil beberapa code, seperti code login, register, upload image, dll.

Technology : HTML, CSS3, Jquery, PHP, Database MySQL, Ajax, Javascript dll.

Design        : Bagus

Xampp        : Saya pakai versi 1.7.7 win32 bit, lancar tidak ada error.

Develop      : Ultraviolet Developer, www.ultraviolet-developer.com

Versi           : 100% Free Version

Pengguna    : Pas buat belajar

Browser      : Aplikasi ini support dengan Mozilla Firefox , Google Chrome.

Pesan          : Silahkan like fanspage facebook blog ini, tolong share dan bagikan Source Code ini (tombol share ada pada samping kiri artikel ini) kepada teman, saudara, atau dosen anda :) yang sedang membutuhkan Source code ini. Karna disini bukan tempatnya orang Pelit. Tapi tempatnya orang berbagi.

Oke, mungkin cukup segitu saja, jika anda mempunyai pertanyaan, komentar atau masukan mengenai artikel ini, silahkan meninggalkan komentar di bawah

TAG : SISTEM, INFORMASI, TOKO ONLINE, E-COMMERCE, PHP, MYSQL, BOOTSTRAP, TUGAS AKHIR, SKRIPSI, PHP INDONESIA,  WEB, TUTORIAL, SOURCE CODE, UNDUH CODE, SUGIHCODE, CODEIGNITER, TUTORIAL CODEIGNITER, REFERENSI CODEIGNITER, SOURCE CODE CODEIGNITER, FACEBOOK

Sejak Facebook Connect diluncurkan, kami telah melihat lebih dari 6.000 pengembang membuat situs mereka lebih sosial menggunakan Facebook Connect.
Salah satu fitur yang paling umum kita lihat situs menambahkan dengan Facebook Connect adalah kemampuan untuk mengizinkan pengguna untuk log in dengan satu klik dan komentar dengan nama asli mereka dan profil foto dari account Facebook mereka.
Situs telah melihat sebanyak 40-50% lebih banyak komentar karena mereka meluncurkan menambahkan fitur ini.
Facebook akhirnya meluncurkan widget sosial pertama yaitu Facebook Connect, dengan Komentar Box / Facebook Comment.
Komentar Box adalah cara yang bagus untuk situs web, blog atau galeri foto untuk menambahkan komentar sosial ke halaman mereka dengan beberapa baris kode. Facebook
ingin membantu membawa pengguna untuk berkomunikasi dan berbagi di situs Anda dan dengan teman-teman mereka di Facebook. Dengan Komentar Box, Facebook pengguna di situs Anda dapat mengomentari konten Anda, posting komentar ke profil mereka, dan membaginya dengan teman-teman mereka di Facebook. Komentar Box yang non-Facebook memungkinkan pengguna untuk memberi komentar pada situs Anda juga. Dan melalui kode API, Anda dapat mengakses komentar yang terkait yang dibuat di Facebook juga untuk membawa percakapan bersama-sama. Untuk menambahkan Komentar Box ke situs Anda, ikuti petunjuk sederhana ini: 1. Mengatur aplikasi Connectdasar. Catatlah kunci API dan menentukan URL panggilan balik ke situs web Anda.
   
2. Download Cross-domain receiver file  file, dan upload ke website Anda.
   
3. Tambahkan potongan kode tersebut ke setiap file di mana Anda menginginkan sebuah Komentar Box.
          
* Dalam tag html, tambahkan: xmlns: fb = "http://www.facebook.com/2008/fbml" (contoh : )
          
* Tambahkan kode berikut di manapun Anda menginginkan sebuah Komentar Box untuk muncul di halaman Anda. Ganti'' 'YOUR_API_KEY_HERE''' dengan kunci API Anda, dan menyertakan path ke lintas domain penerima. 
">" onmouseover="this.style.backgroundColor='#ebeff9'" onmouseout="this.style.backgroundColor='#fff'">&amp;lt;span style="background-color:rgb(192, 192, 192);color:rgb(0, 0, 255)"&amp;gt;&amp;lt;br /&amp;gt;&amp;lt;br /&amp;gt;/*&amp;lt;br /&amp;gt;&amp;amp;lt;script type="text/javascript"&amp;lt;br /&amp;gt;src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/id_ID"&amp;amp;gt;&amp;amp;lt;/script&amp;amp;gt;&amp;lt;br /&amp;gt;&amp;lt;br /&amp;gt;&amp;amp;lt;fb:comments width="500"&amp;amp;gt;&amp;amp;lt;/fb:comments&amp;amp;gt;&amp;lt;br /&amp;gt;&amp;amp;lt;script type="text/javascript"&amp;amp;gt;&amp;lt;br /&amp;gt;FB.init("API_KEY", "PATH/xd_receiver.htm");&amp;lt;br /&amp;gt;&amp;amp;lt;/script&amp;amp;gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;br /&amp;gt;/*&amp;lt;br /&amp;gt;&amp;lt;br /&amp;gt;Lihat hasilnya dibawah tips ini.&amp;lt;br /&amp;gt; &amp;lt;br /&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;span title="That's it, your Comments Box is ready" onmouseover="this.style.backgroundColor='#ebeff9'" onmouseout="this.style.backgroundColor='#fff'"&amp;gt;Selamat mencoba,&amp;nbsp; Anda sudah siap menggunakan Komentar Box.&amp;lt;/span&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/p&amp;gt; &amp;lt;div class="post-meta"&amp;gt; &amp;lt;script type="text/javascript" src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/id_ID"&amp;gt; &lt;div id="fb-root"&gt;&lt;/div&gt; &lt;fb:comments width="500"&gt;&lt;/fb:comments&gt; &lt;script type="text/javascript"&gt; FB.init("162404198519", "http://www.abelputra.com/xd_receiver.htm"); </span></span></p></article></div> </div> <div class="col-md-3 sidebar"> <div class="widget sidebar-widget"> <div class="sidebar-widget-title"> <h3>Our Software</h3> </div> <ul> <li><a target="_blank" href="http://www.abelputra.com/software_det.php?soft=12" title="Program Aplikasi untuk Billing Billiard">Program Aplikasi untuk Billing Billiard</a></li> <li><a target="_blank" href="http://www.abelputra.com/software_det.php?soft=2" title="Inventory Stock Dual Currency">Inventory Stock Dual Currency</a></li> <li><a target="_blank" href="http://www.abelputra.com/software_det.php?soft=10" title="Aplikasi untuk usaha Salon">Aplikasi untuk usaha Salon</a></li> <li><a target="_blank" href="http://www.abelputra.com/software_det.php?soft=11" title="Program Point Of Sales/Billing untuk Karaoke Standalone">Program Point Of Sales/Billing untuk Karaoke Standalone</a></li> <li><a target="_blank" href="http://www.abelputra.com/software_det.php?soft=13" title="Aplikasi Absensi dan Kegiatan Salesman Android">Aplikasi Absensi dan Kegiatan Salesman Android</a></li> <li><a target="_blank" href="http://www.abelputra.com/software_det.php?soft=9" title="Aplikasi Cafe Dangdut/Karaoke/Restoran">Aplikasi Cafe Dangdut/Karaoke/Restoran</a></li> <li><a target="_blank" href="http://www.abelputra.com/software_det.php?soft=3" title="General Ledger / Accounting System">General Ledger / Accounting System</a></li> <li><a target="_blank" href="http://www.abelputra.com/software_det.php?soft=1" title="Modern Karaoke System- Home & Comercial Edition">Modern Karaoke System- Home &amp; Comercial Edition</a></li> </ul> </div> <div class="widget sidebar-widget"> <div class="sidebar-widget-title"> <h3>Web Design</h3> </div> <ul> <li><a target="_blank" href="http://www.abelputra.com/webdesign_det.php?soft=6" title="JASA PEMBUATAN MOBILE APP ANDROID">JASA PEMBUATAN MOBILE APP ANDROID</a></li> <li><a target="_blank" href="http://www.abelputra.com/webdesign_det.php?soft=4" title="JASA PEMBUATAN WEBSITE VERSI MOBILE/WAP">JASA PEMBUATAN WEBSITE VERSI MOBILE/WAP</a></li> <li><a target="_blank" href="http://www.abelputra.com/webdesign_det.php?soft=2" title="JASA PEMBUATAN WEBSITE DINAMIS">JASA PEMBUATAN WEBSITE DINAMIS</a></li> <li><a target="_blank" href="http://www.abelputra.com/webdesign_det.php?soft=1" title="JASA PEMBUATAN WEBSITE STATIS">JASA PEMBUATAN WEBSITE STATIS</a></li> <li><a target="_blank" href="http://www.abelputra.com/webdesign_det.php?soft=5" title="JASA PEMBUATAN WEB APPLICATION">JASA PEMBUATAN WEB APPLICATION</a></li> <li><a target="_blank" href="http://www.abelputra.com/webdesign_det.php?soft=3" title="JASA PEMBUATAN WEBSITE TOKO ONLINE">JASA PEMBUATAN WEBSITE TOKO ONLINE</a></li> </ul> </div> <div class="widget sidebar-widget"> <div class="sidebar-widget-title"> <h3>Other Tips</h3> </div> <ul> <li><a target="_blank" href="http://www.abelputra.com/freetips_det.php?tip=211" title="8 Tips Berbelanja Online dengan Aman di Toko Online">8 Tips Berbelanja Online dengan Aman di Toko Online</a></li> <li><a target="_blank" href="http://www.abelputra.com/freetips_det.php?tip=169" title="Tips untuk Mengaktifkan Fungsi REGEDIT pada Windows karena Virus">Tips untuk Mengaktifkan Fungsi REGEDIT pada Windows karena Virus</a></li> <li><a target="_blank" href="http://www.abelputra.com/freetips_det.php?tip=202" title="Update Status Facebook Anda via AbelPutra.com">Update Status Facebook Anda via AbelPutra.com</a></li> <li><a target="_blank" href="http://www.abelputra.com/freetips_det.php?tip=200" title="Menghubungkan Akun Facebook ke Yahoo Mail Anda">Menghubungkan Akun Facebook ke Yahoo Mail Anda</a></li> <li><a target="_blank" href="http://www.abelputra.com/freetips_det.php?tip=190" title="Tips Membuat Toko Online/Online Shopping agar berhasil">Tips Membuat Toko Online/Online Shopping agar berhasil</a></li> <li><a target="_blank" href="http://www.abelputra.com/freetips_det.php?tip=186" title="Tips Mengatasi banjirnya email dari Facebook di Account Email Anda">Tips Mengatasi banjirnya email dari Facebook di Account Email Anda</a></li> <li><a target="_blank" href="http://www.abelputra.com/freetips_det.php?tip=191" title="Tips Membuat Facebook Comment di Website Pribadi/Bisnis Online Anda">Tips Membuat Facebook Comment di Website Pribadi/Bisnis Online Anda</a></li> <li><a target="_blank" href="http://www.abelputra.com/freetips_det.php?tip=178" title="Tips untuk Mencegah/Meminimalkan Virus Menginfeksi komputer anda">Tips untuk Mencegah/Meminimalkan Virus Menginfeksi komputer anda</a></li> <li><a target="_blank" href="http://www.abelputra.com/freetips_det.php?tip=171" title="Tips Membuat Status Yahoo Messenger pada Website / Blog">Tips Membuat Status Yahoo Messenger pada Website / Blog</a></li> <li><a target="_blank" href="http://www.abelputra.com/freetips_det.php?tip=208" title="Tips Mengaktifkan fungsi Task Manager karena hilang/disabled">Tips Mengaktifkan fungsi Task Manager karena hilang/disabled</a></li> </ul> </div> </div> </div> </div> </div> </div> <footer class="site-footer"> <div class="container"> <div class="row"> <div class="col-md-4 col-sm-4 widget footer-widget"> <h4 class="footer-widget-title">About AbelPutra.com</h4> <img src="http://www.abelputra.com/images/logo.png" alt="Logo"> <div class="spacer-20"></div> <p align="justify"> Kami bergerak di bidang jasa pembuatan software dan Jasa design website,dengan harga bersaing dengan After Sales Service yang terbaik<br> 1. Aplikasi yang bersifat customize, seperti General Ledger/Program Akuntansi, Inventory Stock (Toko, Minimarket, Distributor), Karaoke dengan PC, PPIC untuk pabrik, AR/AP, P.O.S, Inventory Dual Currency,dan lainnya.<br> 2. Design website profesional untuk perusahaan atau perorangan,yang bersifat statis dan dinamis </p> </div> <div class="col-md-4 col-sm-4 widget footer-widget"> <h4 class="footer-widget-title">Our Facebook</h4> <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fabelputra&width=300&height=258&colorscheme=dark&show_faces=true&border_color&stream=false&header=false&appId=138954656180798" scrolling="no" frameborder="0" style="border:none;overflow:hidden;width:300px;height:258px" allowtransparency="true"></iframe> </div> <div class="col-md-4 col-sm-4 widget footer-widget"> <h4 class="footer-widget-title">Contact Information</h4> <span> <ul> <li><a target="_blank" href="http://www.abelputra.com/freetips_det.php?tip=191#">A: Mangga Dua Square Lt 1 Blok C 147 <br>Jl. Gunung Sahari Raya 1 Jakarta</a></li> <li><a target="_blank" href="http://www.abelputra.com/freetips_det.php?tip=191#">T: 0816-1453-999, 0813-1485-5566</a></li> <li><a target="_blank" href="http://www.abelputra.com/freetips_det.php?tip=191#">E: </a></li> </ul> </span> </div> </div> </div> </footer> <footer class="site-footer-bottom"> <div class="container"> <div class="row"> <div class="copyrights-col-left col-md-6 col-sm-6"> <p>© 2014 Abelputra.com. All Rights Reserved</p> </div> <div class="copyrights-col-right col-md-6 col-sm-6"> <div class="social-icons"> <a href="https://www.facebook.com/Abelputracom" target="_blank"><i class="fa fa-facebook"></i></a> <a href="https://twitter.com/Abelputracom" target="_blank"><i class="fa fa-twitter"></i></a> </div> </div> </div> </div> </footer> <script>