Cara menambahkan halaman facebook di blog

Fanspage atau komunitas pada Facebook biasanya digunakan untuk membagikan informasi, atau bahkan dapat digunakan untuk berjualan secara online. Agar fanspage kamu memiliki banyak pengikut, tentunya kamu harus mempromosikan fanspage tersebut, banyak cara yang dapat kamu lakukan untuk mempromosikan fanspage, salah satunya yaitu dengan memasang widget fanspage Facebook pada blog kamu.

Langkah:

1. Buka laman resmi untuk membuat Plugin fanspage dari Facebook di Page Plugin

https://developers.facebook.com/docs/plugins/page-plugin/

2. Scroll sedikit ke bawah, maka kamu akan menemukan tampilan seperti berikut.

Cara menambahkan halaman facebook di blog

Keterangan:

  1. Pada bagian Facebook Page Url, masukan url link fanspage Facebook kamu.
  2. Pada bagian width dan height di kosongkan saja agar ukurannya menyesuaikan ukuran template blog kamu.
  3. Untuk bagian Tabs jika kamu ingin widget fanspage menampilkan postingan yang kamu kirimkan di fanspage, maka isi dengan timeline atau linimasa, tetapi jika kamu ingin widget tersebut tidak menampilkan postingan, maka di kosongkan saja.
  4. Jika kamu ingin membuat judul yang lebih kecil pada widget, maka centang bagian ‘Gunakan Judul yang Lebih Kecil’ atau jika kamu ingin tampilan widget tidak menggunakan foto sampul, maka centang ‘Sembunyikan Foto Sampul’  untuk tampilan standarnya tidak usah centang dua-duanya (dikosongkan).
  5. Jangan lupa pastikan pada bagian ‘Sesuaikan dengan lebar wadah plugin’ dan ‘Tampilkan Wajah Teman’ telah kamu centang, agar tampilan widget menjadi responsive.
  6. Terakhir, jika semuanya telah selesai, klik tombol Dapatkan Kode yang ada di pojok paling bawah.

3. Setelah klik tombol ‘Dapatkan Kode’ maka akan muncul kode atau Javascript berikut ini.

Cara menambahkan halaman facebook di blog

4. Buka dasboard blogger kamu – Tema – Edit HTML.

5. Tempelkan kode 1 tepat di bawah tag dan klik simpan tema, apabila ada kendala saat menyimpan tema, yaitu muncul masalah ‘Kesalahan saat mengurai XML, baris 2663, kolom 70: The reference to entity “version” must end with the ‘;’ delimiter’ maka kamu harus memparse kode 1 tersebut di Parse HTML setelah kode 1 telah di parse, cobalah tempelkan kode yang telah di parse saja.

6. Untuk kode 2, jika kamu ingin meletakkan widget ini pada sidebar, maka buka Tata Letak – Tambahkan Widget – HTML/Javascript dan pastekan kode 2 disana, lalu klik tombol simpan.

Cara menambahkan halaman facebook di blog

Dan selesai, sekarang kamu berhasil memasang widget fanspage Facebook pada blog kamu, semoga tutorial ini dapat bermanfaat.

Cara menambahkan halaman facebook di blog

Cara menambahkan halaman facebook di blog

Fanspage facebook atau halaman facebook yang dapat dipasang di blog atau website untuk menambah visitors dengan cara menambahkan link facebook di website berupa kode html atau script. 

Untuk kalian yang memiliki fanspage dan ingin memasang widget halaman facebook di blog atau website maka facebook sudah menyiapkan kode html atau plugin halaman facebook yang dapat ditambahkan pada tata letak di blogger atau blogspot.

Ada beberapa tampilan widget fanspage yang dapat kalian pilih dan atur seuai dengan kebutuhan atau memilih sesuai dengan setingan standar yang ada. 

Jika kalian ingin mengganti seperti ukuran widgetnya maka kalian dapat merubah pada pengaturan kode htmlnya.

Atur Plugin halaman facebook dengan menyalin kode html atau script pada blog atau website kalian dan sesuaikan dengan tampilan plugin kemudian pasang pada template atau tema pada blog atau website pada pengaturan tata letak di blogger.

Apakah fungsi halaman FB bagi Blog

Fungsi widget halaman facebook yang dipasang pada website atau blog untuk mempermudah pengguna akun facebook untuk follow atau mengikuti sebuah website.

Saat blog mengupdate postingan atau artikel melalui halaman facebook maka followers langsung menerima notifikasi pada aplikasi facebook. 

Setiap visitors blog yang sudah login di akun facebook dapat langsung mengklik widget fanspage FB tersebut untuk follow.

Baca juga :

Cara membuat Widget Fanspage Facebook

1. Untuk dapat memilih widget fanspage pada blog atau website bisa masuk pada Plugin Halaman Facebook https://developers.facebook.com/docs/plugins/page-plugin dan akan terbuka menu seperti gambar di bawah ini. 

Cara menambahkan halaman facebook di blog

2. Masukan User nameHalaman facebook kalian.

3. Jika pengaturan lainnya dikosongkan default maka hasil previewnya seperti gambar diatas pada Fanspage Facebook Milsmilo Blog.

4. Pengaturan yang dapat dilakukan meliputi , jika kalian ingin menampilkan postingan pada plugin halaman facebook maka pada pengaturan tab diisi dengan timeline. 

Tab timeline dapat di scroll ke atas bawah yang berisi postingan di Fanspage facebook atau ingin dapat mengganti dengan events untuk acara, messages untuk berikirim pesan.

5. Jika ingin mengatur lebar dan tinggi widget facebook maka dapat diisikan pada kolom Lebar (width) dan Tingginya (height) dengan satuan pixel, Ukuran secara default lebar 340 pixel dan tinggi 500 pixel. Ukuran lebar dapat di atur minimal 100 pixel dan maksimal 500 pixel, serta tinggi minimal 70 pixel.

6. Jika kalian ingin mengatur yang lainnya maka checklist pada pengaturan Gunakan judul kecil, sembunyikan foto sampul, Sesuaikan dengan wadah plugin, Tampilkan wajah teman. Lihat pada preview di hasil pengaturan. Dan setelah pengaturan disesuaikan maka Klik tombol Dapatkan Kode.

7. Kemudian muncul kode Script dan Iframe kemudian salin salah satu kode tersebut yang nantinya akan di pasang pada halaman blogger kalian.

Cara menambahkan Plugin Halaman Facebook ke Blogspot

1. Jika kalian sudah menyalin kode Iframe tadi. Buka dashboard blogger di Blogspot.

2. Plih menu Tata Letak, kemudian pilih tempat meletakan kode html plugin halaman facebook.

3. Jika kalian ingin menempatkan pada bagian sidebar, pilih pengaturan pada sidebar, selanjutnya Pilih Tambahkan Gadget kemudian Pilih HTML / Java Script.

4. Pastekan kode tadi kemudian Klik Simpan, Jika sudah pada bagian bawah dasboard pengaturan Klik logo Simpan kembali.

5. Selain dengan melakukan pada cara diatas maka kalian juga dapat menggunakan Plugin halaman facebook yang telah disediakan oleh facebook. 

Kalian tinggal copy kodenya kemudian mengganti URL user name atau nama pengguna. 

Jika sudah masuk ke tambahkan gadget seperti pada cara menambahkan gadget facebook seperti diatas.

Plugin halaman facebook atau widget fanspage yang bisa dipilih :

1. Plugin halaman facebook dengan Tampilan Standar.

2. Plugin halaman facebook dengan tab tunggal.

3. Widget fanspage dengan beberapa tab.

4. Widget fanspage FB dengan lebar adaptif.

5. Fanspage FB plugin yang memperlihatkan wajah teman di facebook,

6. Halaman FB plugin dengan Mengubah bahasa.

Menambahkan Plugin Halaman facebook dengan tampilan standar 

Widget ini hanya menyertakan header dan foto sampul. Ukuran ini cocok untuk mempromosikan Halaman fanspage FB di blog pada ruang halaman blog yang kecil yang bisa di tampilkan di sidebar atau footer website.

Kode htmlnya adalah sebagai seperti dibawah ini

class="fb-page"  data-href="https://www.facebook.com/milsmilodata-width="380"  data-hide-cover="false" data-show-facepile="false">

Pada URL halaman facebook dengan user name milsmilodiganti dengan user name fanspage atau halaman facebook kalian. 

Kemudian salin dan tempel dan tambahkan pada widget di blogger. 

Pengaturan pada lebar pada widht dengan satuan pixel dapat di sesuaikan dengan ruang pada tema di blogspot.

Selanjutnya kalian bisa memilih katagori plugin halaman yang sesuai dengan keinginan kalian dan melakukan pengaturan yang direkomendasikan.

Dengan menambah widget like halaman facebook pada website maka kunjungan ke blog akan lebih meningkat.