Andre's Tutorial Blog (ATB)

How to Embed Facebook Codes in Blogs and Webs

• Yang pertama adalah Video. Klik di sini untuk mendownload add-on Greasy Monkey untuk browser Mozilla Firefox yang bernama Facebook Video 2.1.9. 

• Setelah di-instal, restart Firefox. 
• Kemudian di akun fesbuk, temukan video yang ingin di-embed di blog atau web.
  

• Klik pada Embed this Video. Berikutnya akan terdapat kode yang bisa diembed atau dipasang di situs atau blog lain.

• Klik di kotak Embed code.

• Pilih semua kode dengan menekan [Ctrl+A].

• Copy semua kode [Ctrl+C].

• Klik Okay.

• Jika diembed di Blogspot, hasilnya seperti berikut ini (kemungkinan hanya terlihat di browser Mozilla Firefox).

• Add-on ini juga bisa digunakan untuk mendownload atau mengunduh video (teman) di fesbuk. 

• Klik Download Video untuk mengunduh video atau Convert Video yang biasanya terletak di bawah video untuk mengubah format video sesuai keinginan.

• Yang kedua adalah Badge (Lencana). Update status terbaru di Facebook bisa ditampilkan di blog atau situs eksternal. Bersama dengan email, nomer HP dan juga status terbaru. 

• Tidak diperlukan copy-paste kode untuk menambahkannya ke blog Blogger.
  

• Klik Buat Lencana Profil (Create a Profile Badge) di dinding (wall) Facebook.

• Lalu akan muncul halaman seperti ini. Klik Blogger jika ingin memasang di blog Blogspot. Untuk memasang di blog atau situs lain, klik Other. 

• Klik TypePad jika mempunyai akun TypePad.
  

• Akan muncul halaman add widget seperti ini:

• Klik tombol Add Widget dan badge Facebook akan terpasang di blog Blogger. Bisa juga dipindah posisi badge Facebooknya.

• Tampilan Lencana (Badge) bisa disesuaikan dengan keinginan. Klik Sunting lencana ini.

• Berikut opsi yang ditawarkan untuk kostumisasi lencana Facebook.

• Berikut contoh dari Badge dengan Tata Letak: Dua Kolom,

• Isi: Foto Profil, Nama, Email, Nomer Ponsel dan Status Terbaru.

• Klik Simpan untuk menyimpan perubahan yang dibuat.