Blogging

Cara Membuat Widget Facebook Fanspage Terbaru Pada Website

cara membuat widget facebook fanspage pada website

Widget facebook sangat berguna untuk membuat website kita tampak lebih kompeten, Apalagi dengan jumlah like/follower yang tidak sedikit.

Hampir semua website yang mempunyai visitor tinggi pasti mempunyai follower yang banyak juga, baik facebook, twitter, google+, bahkan instagram sekalipun.

Kali ini, Saya akan memberikan tutorial Cara Membuat Widget Facebook Fanspage pada website.

Karena memang facebook sudah melakukan update terbaru tentang penggunaan widget dan pembuatan facebook fanspage.

1. Cara Membuat Widget Facebook Fanspage Untuk Website

Ada banyak jenis fanspage yang facebook tawarkan kepada kita, Namun karena kali ini kita sedang membahas bagaimana Cara Membuat Widget Facebook Fanspage Pada Website jadi mari kita ringkas bahasannya khusus untuk website saja.

Baca juga artikel : Plugin WordPress Gratisan Terbaik! yang wajib kamu miliki

Langkah Pembuatan Fanspage :

  • Untuk Membuat Fanspage silahkan menuju link facebook fanspage.
  • Pilih opsi Brand/Product
  • Kemudian pilih opsi Website pada kolom Kategori
  • Berikan nama Fanspage yang ingin Anda buat

2. Pemasangan Widget Pada Website

Setelah Anda membuat fanspage, langkah selanjutnya adalah membuat widget.

Silahkan menuju link Facebook Fanspage Widget untuk membuat widget khusus fanspage Anda.

Note : Pada bulan november 2015, facebok melakukan update widget fanspage untuk menampilkan timeline secara default.

Cara membuat Widget Facebook Fanspage

Cara membuat Widget Facebook Fanspage

[divider style=”double” top=”5″ bottom=”5″] [box type=”info” align=”aligncenter” class=”” width=”100%”]

Tambahkan code data-show-posts=”false” untuk menghilangkan post timeline pada widget

[/box]

Beberapa poin yang harus diperhatikan saat membuat widget fanspage adalah :

  1. Inputkan URL facebook fanspage Anda
  2. Use Small Header berfungsi untuk mengecilkan background fanspage dan sekaligus convert jumlah follower menjadi hitungan Kilo (ex : 5.000 menjadi 5k)
  3. Adapt to plugin berfungsi untuk membuat widget menjadi responsif berdasarkan ukuran container widget.
  4. Show Friends face berfungsi untuk menampilkan foto profil follower fanspage Anda.

Setelah melakukan operasi diatas, langkah berikutnya adalah mengambil kode widget tersebut.

Tekan tombol Get Code untuk mendapatkan kode widget Anda.

Setelah menekan tombol tersebut, Anda akan mendapatkan 2 kolom yang berisi kode yang bisa Anda gunakan.

Artikel menarik Lainnya : 20 langkah membuat Website Anda semakin berkualitas!

Kemudian Copy kedua kode tersebut, dan paste pada widget tempat Anda ingin memasang widget tersebut.

Langkahnya seperti berikut :

  1. Copy kode pada kolom pertama dan kedua.
  2. Masuk ke Customize template/layout website Anda dan buat sebuah widget text/html
  3. Kemudian Paste kedua kode yang telah Anda dapat dari facebook tadi.
  4. Cukup tambahkan enter setelah paste kode pertama pada widget sebelum mem-paste kode kedua
Pro Tips

Untuk menghilangkan tampilan timeline post pada widget facebook, Anda bisa mengedit code :

[tie_list type=”starlist”]
  • data-tabs=”timeline”
  • data-small-header=”false” (Ganti menjadi true jika ingin merubah tampilan background header lebih kecil)
  • data-hide-cover=”false” (Ganti menjadi true jika ingin menghapus background widget)
  • data-show-facepile=”false” (Ganti menjadi true jika tidak ingin menampilkan foto profil follower)
[/tie_list]
[divider style=”double” top=”5″ bottom=”5″] Sekian artikel mengenai Cara Membuat Widget Facebook Fanspage Terbaru Pada Website kali ini, Semoga bisa memberi inspirasi kepada Anda.
Terima Kasih, Silahkan Share Jika Menurut Anda Bermanfaat Untuk Anda dan Orang Lain.

REAKSI KAMU?
Bagikan Votingmu!!
0
0
0
0
0
0
0
0
0

Artikel Terkait :

Click to comment

Facebook Comment

Your email address will not be published. Required fields are marked *

To Top