Memasang Facebook comment di Popoji CMS 2xx
Jurnalcode.com

Memasang Facebook comment di Popoji CMS 2xx

Memasang Facebook comment di Popoji CMS 2xx


Sebagian Besar Developer website atau para blogger lebih memilih facebook komentar daripada manual comment di website . kali ini saya akan membuat tutorial bagaimana mengintergrasikan facebook comment plugin dengan Popoji Cms.

Langkah - Langkah Memasang Facebook comment di Popoji CMS 2xx

#1 Silahkan Buat Plugin facebok komentar di Sini  kemudian masukan alamat website kalian dan tentukan lebar untuk facebook comment  lihat gambar di bawah :

 

#2. Silahkan Klik dapatkan code untuk mengambil code facebook comment yang akan kita integrasikan dengan website Popoji CMS kita :

#3. Jika sudah mendapatkan code seperti diatas silahkan masuk ke template popoji yang kita gunakan xampp/htdocs/popoji/po-content/themes/jurnalcode ( Sesuaikan dengan themes kalian ) dan silahkan cari file index.php  dan  detailpost.php

#4. Silahkan Edit file index.php dan sisipkan code ini setelah code lalu save.

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v2.10&appId=125005081581464";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

 

#5. Kemudian Edit detailpost.php posisikan pada class kolom komentar dan masukan kode ini :

<div class="fb-comments" data-href="http://jurnalcode.com/" data-width="600" data-numposts="10"></div>

 

code di atas merupakan kode default yang diberikan facebook . nah disini kita harus memodifikasi agar facebook komentar kita itu dinamis . caranya silahkan edit code di atas menjadi seperti ini

 

<?php $idpost = $post['id_post'];?>
<div class="fb-comments" data-href="<?php echo "http://jurnalcode.com/detailpost.php&id=$idpost" ;?>" data-numposts="10" data-width="650" ></div>

 

nah sudah selesai . silahkan lihat preview nya  jika berhasil  maka tampilan nya akan seperti di bawah artikel ini . jika ini membantu silahkan say thank di komentar bawah ya.. salam coder

 

.

Ayo Komentar