Fanspage Facebook dapat dipasang di blog amp. Dibawah ini adalah contoh tampilan fanspage facebook yang saya terapkan di blogspot amp.
Waktu eksekusi: 5 minutes.
Berikut ini langkah memasang fanspage facebook di blogger amp :
- Login ke Akun Blogger
Pastikan sudah login ke akun blogger.com
- Pergi ke Bagian “Tema”
Pergilah ke halaman “Tema”. Pada halaman tersebut terdapat tombol kostumisasi. Klik segitiga terbalik dan akan muncul tampilan dropdown seperti ini:
Lalu klik Edit HTML - Copy dan Paste Element AMP Facebook Page
Tempelkan kode AMP Facebook Page berikut ini sebelum tag penutup </head> pada tema kamu.
<script async=’async’ custom-element=’amp-facebook-page’ src=’https://cdn.ampproject.org/v0/amp-facebook-page-0.1.js’></script>
Simpan hasil pengeditan tema ini - Pasang Widget AMP Facebook Page
Kemudian tampilkan Fanspage FB kamu di widget atau di area yang diinginkan dengan copy dan paste kode berikut ini:
<amp-facebook-page data-href=’https://web.facebook.com/fahmyalhafidzcom‘ height=’117′ layout=’responsive’ width=’300’></amp-facebook-page>
Ganti fahmyalhafidzcom dengan fanspage kamu. - Simpan dan lihat hasilnya
Terkahir simpan semua hasil pengeditan kamu dan lihat hasilnya
Jika ingin di modifikasi tampilan fanspage tersebut, kamu bisa melihat lebih detail panduannya disini : amp.dev/amp-facebook-page. Sekian tutorial Cara Pasang Fanspage FB di Blog AMP, semoga membantu.