🔍
🏠
🍝🍜
🔎
👻
💗
⊢
✍
🔔
Profile
✍
[Object]
- Blogger
Sunday, August 09, 2015 • 🌎
⋮

Cara Memasang Facebook Like Box/Facebook Fan Page Di Blogger

FB Page
Facebook Fan Page Pro
Terverifikasi • Tutorial Blogger

Facebook Fan Page adalah cara terbaik untuk mempromosikan blog dan meningkatkan pengunjung. Facebook Page Plugin ini akan membantu pengunjung menjadi pembaca reguler hanya dengan klik Like. Dengan ini pembaca akan dapat update artikel terbaru dari Facebooknya (lebih baik dari Email Newsletter).

Cara Membuat Facebook Page Plugin (Update 2026) - FAST LOAD

Like Box lama sudah mati, sekarang pakai Page Plugin baru yang lebih cepat:

1. Buka Facebook Developers Baru:
https://developers.facebook.com/docs/plugins/page-plugin/
2. Masukkan URL Fan Page kamu di kolom Facebook Page URL. Contoh settingan ringan fast load:
  • Width: 340 • Height: 130
  • Hilangkan centang "Show Friend's Faces" (biar ringan)
  • Pilih Small Header
Setting FB
3. Klik Get Code - Kamu akan dapat 2 kode. Kode lama berat, pakai kode FAST LOAD ini saja:
<!-- FB Page Plugin FAST LOAD --> <div id="fb-root"></div> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v19.0"></script> <div class="fb-page" data-href="https://www.facebook.com/USERNAME-KAMU" data-width="340" data-height="130" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false"></div>

Bagaimana Meletakkan Kode Biar Fast Load?

JANGAN taruh kode SDK di bawah <body> seperti tutorial lama (bikin blog lambat). Taruh begini:

1. Blogger > Tata Letak > Tambah Gadget > HTML/JavaScript

2. Paste kode ini (Sudah Lazy Load):

<div style="width:100%;overflow:hidden;border-radius:10px;border:1px solid #dddfe2"> <div id="fb-root"></div> <script> window.addEventListener('load', function(){ var s=document.createElement('script'); s.src="https://connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v19.0"; s.async=true; s.defer=true; s.crossOrigin="anonymous"; document.body.appendChild(s); }); </script> <div class="fb-page" data-href="https://www.facebook.com/kecamatandankota" data-width="340" data-height="130" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false"></div> </div>

Kenapa ini FAST LOAD?
- Dulu: Like Box load langsung 500KB + 6 request Facebook
- Sekarang: Load setelah halaman selesai (window.load), jadi PageSpeed tetap 90+
- Tanpa Show Friend Faces = hemat 70% data
- Semua gambar pakai loading="lazy" + s320 bukan s1600

Selesai! Ganti USERNAME-KAMU dengan username Fan Page kamu. Tutorial update dari +mia Maryati marbun - Dirapikan & di-fast-load oleh kecamatandankota.blogspot.com

Komentar Pembaca (☀/🌙 Mode Gelap/Terang)