Membuat widget halaman facebook pada PopojiCms

Gambar 243. Menambahkan plugin halaman facebook pada PopojiCms

Menanggapi sebuah permintaan dari teman melalui postingnya di group PoppojiCms, berikut saya buatkan tutorial bagaimana Membuat widget halaman facebook pada website PopojiCms.
Tutorial ini akan mengacu pada themes Chingsy, karena defauld themes Pada PopojiCms adalah Chingsy.

  1. Silahkan login ke akun facebook anda, dan buka halaman facebook yang ingin anda buat widgetnya. Lalu kunjungi halaman pembuatan plugin halaman facebook pada tab baru.
  2. Silahkan copy URL halaman facebook pada address bar browser anda, pada tab dimana anda membuka halaman fafebook. Lalu tempel pada kolom input dimana anda membuka tab untuk membuat plugin sebelumnya, untuk kolom lainya dapat anda abaikan saja. Setelah anda selesai menempel URL halaman facebook, klik di luar area. Dengan demikian maka halaman facebook anda akan dirender dan tampil pada bagian bawahnya.
  3. Silahkan schrool kebawah klik "Dapatkan kode".
  4. Pada popup yang tampil silahkan pilih "Iframe"
  5. Buka po-content/themes/Chingsy/sidebar.php atau contoh lain po-content/themes/zagi-nanank-zaginews/sidebar.php
  6. Cari kode yang memiliki kesamaan dengan kode di atas, lalu ganti dengan kode yang baru anda dapatkan.
  7. Selesai, silahkan simpan kembali file anda.
  8. Untuk lebih jelas silahkan lihat gambar.

Customisasi plugin halaman facebook

Saya informasikan cara yang paling mudah: Yaitu dengan membuka po-content/themes/Chingsy/sidebar.php atau contoh lain po-content/themes/zagi-nanank-zaginews/sidebar.php
Cari kode berikut, Lalu ganti nama "popojicms" dengan nama atau ID halaman facebook anda.:

 

<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpopojicms&width=350&height=240&colorscheme=light&show_faces=true&header=true&stream=false&show_border=true&appId=499481203443583" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:350px; height:240px; max-width: 100% !important;" allowTransparency="true"></iframe>

Post Terkait
Author
Tidak ada komentar terkait posting ini, Ingin memberi komentar?