Menambah Fitur Facebook Comment Di CMS Formulasi

Tutorial CMS Formulasi - Posting kali ini berkaitan dengan facebook, yaitu tutorial menambah fitur Facebook Comment di CMS Formulasi.

CMS formulasi memang belum secara langsung berkait dengan Facebook. Oleh karenanya, dengan menambah fitur Facebook Comment di CMS Formulasi, website sekolah/madrasah akan semakin menarik. Dan posisi yang dipilih bukan di bawah berita atau artikel, melainkan didalam fitur tabs.

Sebagai contoh dipilih tema atau template Elegan untuk ditambah fitur Facebook Comment. Dan jika Anda ingin menambah fitur Facebook Comment di CMS Formulasi dalam website sekolah/madrasah, berikut ini adalah tutorialnya :

1. Masuk ke File Manager CPanel Anda
2. Edit file home.php yang terdapat dalam tema Elegan (posisi: file-> tema -> elegan)
3. Klik kanan pada file tersebut dan pilih edit
4. Pada halaman edit cari <!--tabs-->
5. Tambahkan script sebagaimana yang berada dalam bingkai merah
   
   
   
6. Buka tab baru di browser dan akses facebook
7. Ketika halaman Facebook telah terbuka, klik "Pengembang" di bagian bawah halaman
   
   
   
8. Halaman Developer terbuka. Ketikkan Social Plugin di field pencarian
   
   
   
9. Di halaman yang terbuka klik "Comment"
   
   
   
10. Setelah halaman baru muncul, isi field yang tersedia
    • Url : Isi dengan salah satu url situs yang sudah mempunyai fb comment. contoh:
      http://alumni.e-stembatema.web.id/index.php?pilih=jejaring&modul=yes atau dengan alamat web sekolah?madrasah
    • Width : isi dengan 550
    • Number of Post : isi dengan 5
      
11. Lanjutkan dengan klik "Code". Dan muncul script, biarkan dulu sebentar...
12. Kembali ke edit home.php dan cari script
    
13. Kemudian di bawahnya ketikkan script :
    <div id="facebook" class="tab_content"> 
    <p>Silahkan manfaatkan aplikasi ini dan berikan komentar dengan baik dan mendidik!</p>
    </div>
14. Copy dan paste semua script code dari facebook comment sebelum </div> penutup secara berurutan
    
15. sehingga menjadi seperti :
    <div id="facebook" class="tab_content">
    <p>Silahkan manfaatkan aplikasi ini dan berikan komentar dengan baik dan mendidik!</p>
    
    <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/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>
    
    <div class="fb-comments" data-href="http://www.cmsformulasi.com" data-width="550" data-num-posts="5"></div>
    
    </div>
16. Klik "Save Changes"
17. Sekarang lihat di browser Anda, namun sebelumnya refresh dulu maka akan muncul tampilan tabs seperti gambar ini :
    

Selesai sudah tutorial Menambah Fitur Facebook Comment di CMS Formulasi. Selamat mencoba.

Penulis : Panji Damar
Formulasi : Kab. Temanggung