Cara Membuat Widget Fanspage Facebook (Like Box) Efek Scroll Valid AMP

by

Cara Membuat Widget Fanspage Facebook Efek Scroll Valid AMP TerbaruCara Membuat Widget Fanspage Facebook Efek Scroll Valid AMP Fanspage adalah Suatu Halaman untuk media promosi ataupun media untuk menyalurkan Artikel blog untuk teman teman yang berada di facebook. kegunaan fanspage ini sangat bermanfaat bagi seorang yang berbisnis di social media Facebook. Untuk Menyebar luaskan fanspage bisa langsung di promosikan di facebook dengan membayar biaya promosinya. Tapi banyak juga seorang memperkenalkan Fanspage nya lewat widget Blog yang mereka kelola. Memang sih memasang fanspage lebih mudah jika menggunakan blog yang biasa (Bukan AMP) Karena kita bisa memasang dengan model terserah kita. Tapi untuk blog AMP kita sangat terbatas untuk memodifikasi widget Fanspage ini. Tapi tenang dusini saya akan memberikan Cara untuk memasang Widget like box/ Widget fanspage facebook yang sedikit lebih keren yaitu dengan efek scroll. Dengan memanfaatkan situs github untuk menghosting Kode fanspage nya agar widget bisa valid AMP dan menggunakan javascript amp-iframe untuk bisa menampilkan widgetnya. Untuk lebih jelasnya silahkan lihat demonya di bawah ini.

Jika anda berminat langsung simak saja tutorialnya di bawah ini.

  • Pertama Silahkan Copy Code js amp-iframe Dibawah ini.

<script async='async' custom-element='amp-iframe' src='https://cdn.ampproject.org/v0/amp-iframe-0.1.js'/>
  • Letakan kode nya di atas kode <head/> atau Untuk mempermudah pencarian klik ctl+f cari code async dan letakan di situ bersama js js lainya.Jika kode js sudah ada silahkan lewati saja.
  • Kemudian Silahkan copy kode Widgetnya dibawah ini.

<amp-iframe width="300"  height="400"  sandbox="allow-scripts allow-same-origin allow-popups"  frameborder="0"  scrolling="no"  src="https://cdn.rawgit.com/KompiAjaib/kompi-html/dd7238a2/fb_pageplugin_amp2/?page=Blogsgoblog">   </amp-iframe>
  • Dan silahkan buat widget baru HTML di sidebar dengan nama fanspage. dan taruh kodenya di situ.
  • Silahkan Ganti kode Blogsgoblog Dengan kode unik Fanspage anda.
  • Untuk Mendapatkan kodenya silahkan Masuk ke akun facebook anda > Kemudian buka Fanspage anda.
  • Jika sudah di dalam fanspage Silahkan klik Sunting Pengaturan > Kemudian Info Halaman > Lalu Pilih sunting Nama pengguna Halaman. Nah disinilah kode unik nama pengguna fanspage anda.
  • Disini anda bisa mengubahnya atau langsung memakai kode nama unik yang sudah ada juga tidak apa”.
  • Jika nama pengguna fanspage sudah di tentukan silahkan copy/salin dan Silahkan ganti kode Blogsgoblog milik saya dengan nama pengguna fanspage anda sendiri.
  • Terakhir klik simpan. dan Selesai

Cukup mudah bukan.? Mungkin hanya itu saja untuk artikel saat ini tentang Cara Membuat Widget Fanspage Facebook (Like Box) Efek Scroll Valid AMP. Semoga bermanfaat,selamat mencoba.

Sourch Kode: Kompiajaib.com

Leave a Comment