Memasang Badge Profile Facebook di WordPress

“Badge Profile” atau “Lencana Profil” dari facebook, bisa ditampilkan sidebar atau di halaman blog wordpress. Cara pemasangannyapun mudah. Tidak perlu membuat script khusus karena script telah disediakan oleh facebook. Berikut cara pemasangannya :

1. Masuk ke facebook anda. Pada halaman profil temukan menu, “Buat Lencana Profil/Create badge profile”. Klik link tersebut, maka akan muncul menu pilihan, dimana badge akan dipasang. Pilihan yang ada adalah untuk blogger, typepad, dan selain kedua layanan tersebut. Seperti terlihat pada gambar berikut :

2. Pilih “Other”, akan terlihat source code. Seperti terlihat pada gambar berikut :

3. Kopikan source code tersebut di widget text atau di kotak postingan.

<!– Facebook Badge START –>”<a href=”http://id-id.facebook.com/nama anda” title=”nama anda” target=”_TOP” style=”font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; 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/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/><a href=”http://id-id.facebook.com/facebook-widgets/” title=”Make your own badge!” target=”_TOP” style=”font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;”>Buat Lencana Anda</a>”<!– Facebook Badge END –>

Perhatikan script yang berwarna merah. hilangkan tulisan “badge” pada script “http://badge.facebook.com/…dst” menjadi “http://facebook.com/..dst“. Jika script tersebut dibiarkan tanpa dihapus tulisan “badge” maka badge profile facebook kita tidak akan muncul.

Jika tulisan “badge” telah dihapus, maka akan muncul badge seperti dibawah ini :

Sadat Ar Rayyan

Buat Lencana Anda

Di baris paling atas, nama id kita di facebook. Baris selanjutnya badge/lencana dan baris ketika link menuju ke widget facebook untuk membuat lencana. Namun, adanya nama dan link widget tersebut, bagi saya membuat tampilan lencana kurang bersih. Untuk menghilangkan link-link tersebut caranya dengan menghilangkan 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>

<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 –>

Jika telah dihapus, maka hasilnya akan seperti ini :

Selamat mencoba, Semoga bermanfaat {http://facebook.com/musadat]

Sumber : http://akhsa.wordpress.com/2009/09/01/memasang-badge-profile-facebook-di-wordpress/