Widget Facebook di WordPress

Ada masalah ketika ingin memberikan widget facebook pada sidebar wordpress. Script lama tidak memadai untuk tampilan facebook terbaru. Kini facebook memiliki script badge profile terbaru. Sedang script terbaru perlu modifikasi khusus sebelum dapat digunakan di wordpress. Cara memasang badge profile facebook pada sidebar wordpress cukup mudah.

1. Login ke Facebook

Sebelum mendapatkan script badge profile, login ke facebook. Dan buka profile anda.

2. Klik “Create a Profile Badge

1

Setelah membuka profile facebook, cari lalu klik “Create a Profile Badge”.

3. Edit Profile Badge

4

Edit profile badge sesuai dengan yang anda inginkan. Kemudian klik “Save”.

4. Mendapatkan script

5

Dapatkan script untuk wordpress dengan klik “Other”. Copy lalu paste ke widget text di wordpress.

5. Modifikasi script

7

Script yang kita dapatkan sebelumnya masih belum bisa digunakan untuk wordpress, jadi perlu modifikasi lagi. Pertama, hilangkan bagian script berikut:

<!– Facebook Badge START –><a href=”http://id-id.facebook.com/nama anda” title=”nama anda” target=”_TOP” style=”font-family:&quot;font-size:11px;font-variant:normal;font-style:normal;font-weight:normal;color:#3B5998;text-decoration:none;”>Nama Anda</a><br>

<a href=”http://id-id.facebook.com/facebook-widgets/” title=”Make your own badge!” target=”_TOP” style=”font-family:&quot;font-size:11px;font-variant:normal;font-style:normal;font-weight:normal;color:#3B5998;text-decoration:none;”>Buat Lencana Anda</a><!– Facebook Badge END –>

Kedua, edit script yang tersisa (menghilangkan “badge.”) dari awalnya…

<a href=”http://id-id.facebook.com/nama anda” title=”nama anda” target=”_TOP”><img src=”http://badge.facebook.com/badge/nama file anda.png” width=”120″ height=”84″ style=”border: 0px;” /></a><br/>

menjadi…

<a href=”http://id-id.facebook.com/nama anda” title=”nama anda” target=”_TOP”><img src=”http://facebook.com/badge/nama file anda.png” width=”120″ height=”84″ style=”border: 0px;” /></a><br/>

setelah itu klik “save” pada widget text editing pada wordpress. Lalu kunjungi dan lihat sidebar blog wordpress anda.

Selamat mencoba….

4 Responses

  1. hi, thanks for your info. It helps! One question, how can i get rid of others info in facebook sidebar and i just want the picture. Thanks

  2. @yuan
    you must edit it at your facebook profile badge. There is an option, “Edit This Badge”. Click it. And start to modify your facebook badge view. Add and remove info that will be viewed at badge. Just try this.

  3. Bisa gak mas nambah add me di badge tersebut?

  4. Wah makasih infonya, mau di coba dulu. Thanks

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: