Cara Membuat Tombol Like Facebook di Postingan Blogger

Ingin membuat postingan blog kamu lebih interaktif dan mudah dibagikan ke Facebook? Memasang tombol Like Facebook di setiap postingan Blogger adalah cara cepat untuk meningkatkan jangkauan konten dan memudahkan pengunjung berbagi artikel dengan satu klik. Panduan ini memandu kamu dari awal hingga akhir.

Apa Itu Tombol Like Facebook?

Tombol Like Facebook adalah widget resmi dari Facebook (Meta) yang memungkinkan pengunjung blog menyukai sebuah halaman atau postingan langsung dari situs web pihak ketiga, tanpa harus membuka Facebook terlebih dahulu. Saat seseorang menekan tombol tersebut, aktivitas itu akan muncul di timeline Facebook mereka sehingga teman-temannya dapat melihat dan mengunjungi blog kamu.

Bagi blogger, fitur ini berguna karena:

• Meningkatkan distribusi konten secara organik melalui jaringan sosial.
• Menambah sinyal sosial yang bisa mempengaruhi persepsi pembaca terhadap kualitas artikel.
• Mempermudah interaksi pengunjung tanpa perlu meninggalkan halaman blog.

Yang Kamu Butuhkan Sebelum Mulai

• Akun Google yang terhubung ke Blogger.
• Blog yang sudah aktif di Blogger.com.
• Akses ke menu Edit HTML pada template Blogger.
• Backup template (sangat dianjurkan sebelum mengubah apa pun).

Langkah-langkah Memasang Tombol Like Facebook di Blogger

Ikuti langkah-langkah berikut secara berurutan untuk memasang tombol Like Facebook di setiap postingan blog kamu.

• 1 Login ke Blogger. Buka blogger.com dan masuk menggunakan akun Google kamu.
• 2 Buka menu Tema (Theme). Di dashboard Blogger, pilih blog yang ingin diubah, lalu klik menu Tema di sidebar kiri.
• 3 Backup template terlebih dahulu. Klik tombol panah di samping tombol Sesuaikan, lalu pilih Cadangkan untuk mengunduh file template sebagai cadangan.
• 4 Masuk ke Edit HTML. Klik tombol tiga titik atau ikon pensil, lalu pilih Edit HTML.
• 5 Cari kode penanda footer postingan. Tekan Ctrl + F (Windows) atau Cmd + F (Mac) untuk membuka fungsi pencarian di editor HTML, lalu ketik kode berikut:

<div class='post-footer-line post-footer-line-1'/>

• 6 Temukan kode tersebut di template. Setelah kode ditemukan, posisikan kursor tepat di bawahnya.
• 7 Sisipkan script tombol Like Facebook. Tepat di bawah kode yang ditemukan di langkah 5, tempel script berikut:

<div> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:75px; height:27px;' /> </div>

• 8 Simpan template. Klik tombol Simpan Tema (ikon disket atau tombol Save) di bagian atas editor HTML.
• 9 Cek hasilnya. Buka salah satu postingan blog kamu. Tombol Like Facebook seharusnya sudah muncul di bagian bawah setiap postingan.

ℹ Catatan: Jika kode post-footer-line-1 tidak ditemukan di template kamu, coba cari alternatif seperti <data:post.body/> dan sisipkan script di bawahnya. Setiap template Blogger bisa sedikit berbeda strukturnya.

Memahami Parameter pada Script

Script yang disisipkan menggunakan beberapa parameter penting yang bisa disesuaikan:

• href — Diisi otomatis dengan URL postingan aktif via data:post.url, jadi tombol Like selalu merujuk ke halaman yang sedang dibuka.
• layout=button_count — Menampilkan tombol Like beserta jumlah like. Alternatif lain: standard, box_count, atau like_box.
• show_faces=false — Menyembunyikan foto profil pengguna yang menyukai postingan agar tampilan lebih ringkas.
• colorscheme=light — Menentukan tema warna widget. Ganti ke dark jika template blog kamu menggunakan mode gelap secara default.
• width=75 / height=27 — Ukuran iframe dalam piksel. Sesuaikan jika diperlukan agar pas dengan layout template.

Masalah Umum dan Solusinya

Tombol Like tidak muncul

Periksa kembali apakah kode sudah disisipkan di posisi yang benar, tepat di bawah post-footer-line-1. Pastikan tidak ada karakter yang terpotong atau salah saat proses copy-paste.

Muncul pesan error di editor HTML

Blogger sensitif terhadap karakter seperti & dan tanda kutip di dalam tag XML template. Pastikan kamu menyalin script persis seperti yang tersedia di atas, termasuk penggunaan & dan ".

Tombol tampil terpotong

Tambahkan sedikit ruang ekstra pada nilai width di atribut style iframe, misalnya dari 75px menjadi 100px, dan height dari 27px menjadi 35px.

⚠ Perhatian: Facebook secara bertahap memperbarui plugin sosialnya. Jika tombol Like tidak muncul sama sekali di masa mendatang, pertimbangkan untuk beralih ke Facebook Social Plugins SDK versi terbaru yang menggunakan JavaScript SDK dan tag <div class="fb-like">.

Alternatif Modern: Menggunakan Facebook JavaScript SDK

Metode iframe di atas adalah cara klasik yang sederhana dan tidak memerlukan konfigurasi tambahan. Namun, jika kamu menginginkan tampilan yang lebih responsif dan modern, Facebook juga menyediakan JavaScript SDK. Berikut gambaran singkat perbedaannya:

• Metode iframe (panduan ini): Paling mudah dipasang, tidak perlu App ID, cocok untuk blogger pemula.
• Metode JavaScript SDK: Lebih fleksibel, mendukung berbagai plugin Facebook, membutuhkan Facebook App ID dari Meta Developers.

Untuk keperluan blog biasa, metode iframe sudah sangat cukup dan tidak perlu konfigurasi akun developer Facebook.

Pertanyaan yang Sering Diajukan

Apakah tombol Like Facebook gratis untuk dipasang di Blogger?

Ya, sepenuhnya gratis. Facebook menyediakan plugin ini untuk semua pemilik situs web tanpa biaya apa pun.

Apakah like yang ditekan pengunjung memengaruhi SEO blog saya?

Secara langsung tidak, karena Google tidak menggunakan sinyal sosial Facebook sebagai faktor peringkat resmi. Namun secara tidak langsung, artikel yang banyak disukai dan dibagikan berpotensi mendatangkan lebih banyak trafik, yang pada akhirnya berdampak positif pada SEO.

Bisakah tombol ini dipasang hanya di postingan tertentu saja?

Dengan metode edit HTML template, tombol akan muncul di semua postingan. Untuk memasangnya hanya di postingan tertentu, kamu perlu menambahkan kode langsung di body editor postingan tersebut, bukan di template.

Apakah tombol ini bekerja di template Blogger dengan dark mode?

Widget iframe Facebook tampil dalam kotak tersendiri, sehingga tidak otomatis mengikuti dark mode template. Kamu bisa mengubah parameter colorscheme=light menjadi colorscheme=dark jika blog kamu menggunakan tema gelap secara permanen.

Kesimpulan

Memasang tombol Like Facebook di postingan Blogger adalah cara efektif dan gratis untuk meningkatkan interaktivitas blog dan memperluas jangkauan konten ke jaringan sosial. Prosesnya hanya membutuhkan beberapa menit: backup template, cari kode footer postingan, sisipkan script iframe, lalu simpan. Hasilnya, setiap pengunjung yang menyukai artikel kamu bisa langsung membagikannya ke teman-teman mereka di Facebook hanya dengan satu klik.

Jika kamu mengalami kendala selama proses pemasangan, pastikan kamu tidak melewatkan langkah backup template agar bisa kembali ke versi semula kapan saja. Selamat mencoba!