Menambahkan Widget Like Page Facebook Pada Blog

Media sosial merupakan salah satu cara untuk meningkatkan popularitas blog kamu, dan sekarang ini sudah banyak media sosial yang bisa digunakan untuk mensharing postingan blog seperti Facebook, Twitter, Instagram, dll.

Widget Like Page Facebook
Setiap media sosial mempunyai keunggulannya masing-masing dan juga memiliki fitur atau widget yang bisa kamu pasang di blog untuk mempermudah kamu menshare postingan terbaru.

Baca juga: App Blogger, Kini Bisa Nulis Blog Dimana Saja
Contohnya widget Like Page Facebook yang ada di sidebar blog desktop-kun. Dengan menambahkan widget tersebut, kita bisa lebih mudah untuk menshare postingan juga bisa mempermudah bagi pengunjung blog untuk me-like fanspage Facebook dari blog kamu.

Cara pasang widget like page Facebook-nya cukup mudah, hanya dengan menyalin code java ke template blog.

.: Code Plugin Like Page Facebook

Untuk mendapatkan code widgetnya, kunjungin tautan berikut
https://developers.facebook.com/docs/plugins/page-plugin.

Widget Like Page Facebook - Facebook site plugin developer
:. Masukkan alamat fanspage Facebook kamu pada bagian 'Facebook Page URL'. Jika kamu belum punya fanspage di Facebook, silahkan buat terlebih dahulu.

:. Pada kolom 'Tabs' kamu bisa mengisikan timeline, messages, events, atau kamu bisa mengosongkannya.

:. Width, digunakan untuk mengatur lebar plugin yang kamu buat.

:. Height, untuk mengatur tinggi plugin.

:. Checkbox 'Use Small Header', jika kamu ingin header pluginnya lebih kecil kamu bisa menceklist pilihan ini, namun tombol 'Share' akan dihilangkan dan hanya akan ada tombol like saja pada plugin nantinya.

:. Ceklis 'Hide Cover Photo' jika kamu tidak ingin menampilkan cover page Facebook-nya.

:. 'Adapt to plugin container width' dengan menceklist pilihan ini, maka ukuran lebar plugin yang kamu buat akan otomatis mengikuti ukuran lebar sidebar blog kamu.

:. 'Show Friend's Face', untuk menampilkan photo profile teman-teman kamu yang telah me-like fanspage.

Jika sudah selesai melakukan pengaturan pluginnya, klik tombol 'Get Code'.

Widget Like Page Facebook - code plugin facebook like page
Setelah kamu mengklik tombol 'Get Code'. akan munucl halaman 'Your Plugin Code'.
Pada halaman ini terdapat dua code yang harus disalin/copy ke blog kamu.

:. Code yang pertama (no. 1) disalin ke file template blog, sedangkan code yang ke dua disalin ke widget blog.

Widget Like Page Facebook - CPanel template blog
:. Masuk ke halaman CPanel blog kamu kemudian masuk ke pengaturan 'Template'.
Klik tombol 'Backup / Restore' untuk mendownload file template blog kamu.

Widget Like Page Facebook - download upload file templat blog
:. Pada halaman 'Backup / Restore' ada dua tombol yang bisa kamu gunakan, tombol 'Download full template' untuk mendownload file html template blog, dan tombol 'Browse...' digunakan untuk mengupload file template yang sudah kamu edit nantinya.

Download terlebih dahulu file template-nya, kemudian save file-nya di folder yang mudah kamu temukan.

Widget Like Page Facebook - menambahkan code plugin facebook
:. Open/jalankan file template yang sudah kamu download tadi menggunakan software Microsoft WordPad. Jika di komputer kamu sudah terinstall Microsoft Office, maka WordPad pun pasti sudah bisa kamu gunakan.

Paste/tempelkan code 1 yang kamu dapat saat pembuatan Plugin Page Facebook tadi ke dalam file template blog dibawah code html <body>, kemudian save file template tersebut dan close software WordPad-nya.

Upload file template yang telah kamu tambahkan code/script Plugin Page Facebook tadi.

Note: jika saat mengupload file template kemudian mendapati error seperti gambar dibawah ini.
Widget Like Page Facebook - error message upload template
Kamu harus merubah code '&' yang ada di
"/en_US/sdk.js#xfbml=1&version=v2.5" menjadi '&amp;'.
Sebelum diedit
'xfbml=1&version=v2.5'
setelah diedit menjadi
'xfbml=1&amp;version=v2.5'.
Save kembali file templatenya kemudian upload ulang.

Widget Like Page Facebook - tambahkan widget pada blog
Setelah berhasil mengupload file template, masuk ke pengaturan layout pada CPanel blog kemudian tambahkan widget dengan mengklik tombol 'Add a Gadget', pilih widget 'HTML/JavaScript' lalu klik ikon '+'.

Widget Like Page Facebook - tambahkan code plugin pada widget
:. Salin code 2 ke widget yang kamu tambahkan di CPanel layout tadi kemudian klik tombol 'Save'.

Proses menambahkan widget like page facebook pun sudah selesai.
Cek sidebar pada blog, apakah widgetnya sudah muncul sesuai keinginan kamu?


0 komentar:

Post a Comment