Cara Pasang Fanspage FB di Blog AMP

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 :

  1. Login ke Akun Blogger

    Pastikan sudah login ke akun blogger.com

  2. Pergi ke Bagian “Tema”

    Pergilah ke halaman “Tema”. Pada halaman tersebut terdapat tombol kostumisasi. Klik segitiga terbalik dan akan muncul tampilan dropdown seperti ini:
    tampilan kostumisasi menu di halaman Theme blogger

    Lalu klik Edit HTML

  3. 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

  4. 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.

  5. 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.


Trending Now