Setelah Googling sana-sini akhirnya nemu tutorial yang bagus dari http://muhnurkholis.blogspot.com/ berikut kutipannya. Facebook merupakan salah satu jejaring sosial yang mempunyai pengguna terbanyak di dunia. Salah satu fiturnya adalah badge/lencana yang bisa dipasang di blog, website atau forum. Kegunaannya adalah untuk mempromosikan Facebook Anda. Untuk mensetting dan memasang caranya cukup mudah.

Silakan login ke akun Facebook Anda (tergantung bahasa yang anda gunakan)
Masuklah ke tab Profil atau Profile
Kemudian lihatlah ke bagian kiri paling bawah. Klik tulisan Buat Lencana Profil atau Create a Profile Badge di pojok kiri bawah.

akan muncul tampilan seperti ini

Kemudian Create a New Badge atau Lencana Baru (gambar diatas)
Lencana-04

Silakan setting badge/lencana sesuai keinginan Anda.

Tata Letak bisa berbentuk memanjang ke kanan (mendatar) atau memanjang ke bawah (tegak)
Format pilih “Gambar” jika blog Anda tidak mendukung java script seperti WordPress.com
Isi silahkan pilih sesuai keinginan. Jumlah konten yang akan ditampilkan di badge/lencana bisa ditambah atau dikurangi sesuai selera.
Apabila memilih menampilkan status, maka status di dalam badge/lencana akan berubah-ubah sesuai status Facebook Anda
Setelah selesai klik Simpan

Akan ada kode html yang dapat Anda kopi kemudian paste di blog, website atau forum (gambar atas)

Untuk memasukkan ke blog WordPress :

Silahkan masuk ke dashboard WordPress Anda
Kemudian klik “Appereance/Tampilan” –->” Widget “
Pilih widget “Text“
Kemudian copy-paste kode Facebook tadi kedalam widget text tersebut
Simpan dan Selesai

Maka badge/lencana Facebook terpasang di sidebar WordPress Anda. Contohnya seperti yang ada di samping kanan blog saya ini.

Tambahan !!!

Dengan hilangnya “Format Gambar” (khusus Untuk WordPress) Facebook… Maka kita juga bisa memasukkan secara manual. Dengan Cara mengganti Kode dibawah dengan Kode anda sendiri..

<!– Facebook Badge START –><a href=”http://www.facebook.com/agung.haryono” title=”Agung Haryono” target=”_TOP” style=”font-family:"font-size:11px;font-variant:normal;font-style:normal;font-weight:normal;color:#3B5998;text-decoration:none;”></a><br><a href=”http://www.facebook.com/agung.haryono” title=”Agung Haryono” target=”_TOP”><img src=“http://www.facebook.com/badge.php?id=1206146376&bid=931&key=1187413171&format=png&z=777620023″ alt=“Agung Haryono” style=”border:0;” /></a><br><a href=”http://www.facebook.com/badges.php” title=”Make your own badge!” target=”_TOP” style=”font-family:"font-size:11px;font-variant:normal;font-style:normal;font-weight:normal;color:#3B5998;text-decoration:none;”></a><!– Facebook Badge END –>

Ganti Kode HTML yg Berwarna dengan Kode anda sendiri :

Kode Warna merah adalah Kode Facebook anda….

Kode Warna Biru adalah Kode Gambar yg diview. ( Klik kanan pada gambar yg tampil di Lencana Facebook –> View Image –> Copy Code yg ada di Address Bar

Kode Warna Hijau adalah nama anda

Atau lihat Gambar di bawah :

Semoga bermanfaat

MANGGA (JAWA)

cara pasang widget facebook di blog

Tambahan !!!