Menampilkan Profil Facebook di Blogger

Posted by

Menampilkan profil Facebook di blog bisa jadi sangat penting karena merupakan media yang dapat memperkenalkan diri anda kepada pengunjung blog anda. Langsung saja untuk menampilkan Profil Facebook di blog, ikuti langkah - langkah berikut :

1. Buka facebook dan login dengan Account anda sendiri, jangan punya orang lain.... hehehe.
2. Setelah masuk pilih Profil, kemudian sorot ke kiri bawah layar anda cari tulisan Buat Lencana Profil kemudian langsung aja di klik, akan terbuka tampilan seperti gambar berikut :



3. Copykan kode yang ada didalam lingkaran merah tersebut ke blog anda.
4. Jika anda ingin mengatur profil yang akan ditampilkan maka klik Sunting Lencana ini, seperti terlihat pada gambar diatas yang dilingkari warna biru. Kemudian akan muncul pengaturan baru seperti pada gambar dibawah :



5. Pada Tata Letak untuk mengatur posisi profil facebook anda, anda bisa memilih Tegak ataupun Mendatar. Kemudian pada Isi untuk mengatur pada profil anda akan ditambah isi/keterangan apa saja, misalkan foto profil, jika anda ingin menambahkan item lagi maka klik Tambah Item. misalkan tambahkan Nama. Jika anda ingin mengurangi Keterangan yang tampil di profil maka anda tinggal klik Hapus. Jika sudah selesai mengatur Profilnya klik Simpan Untuk mengakhiri.
6. Setelah tersimpan Copykan kode yang tertera seperti pada gambar pertama tadi diatas di blog anda.

Kira kira kode yang akan anda Copykan di Blog anda seperti ini :

<!-- Facebook Badge START --><a href="http://id-id.facebook.com/people/Fahrus-Salis/1308162610" title="Profil Facebook Fahrus Salis" 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;">Profil</a><br /><a href="http://id-id.facebook.com/people/Fahrus-Salis/1308162610" title="Profil Facebook Fahrus Salis" target="_TOP"><img src="http://badge.facebook.com/badge/1308162610.348.1658796875.png" alt="Profil Facebook Fahrus Salis" style="border: 0px;" /></a><br /><a href="http://id-id.facebook.com/badges.php" 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 -->

Dari kode yang ada di atas, sebenarnya yang kita butuhkan hanyalah yang tercetak tebal berwarna biru. Kemudian coba kita perinci lagi kode yang tercetak tebal berwarna biru diatas :

<a href="http://id-id.facebook.com/people/Fahrus-Salis/1308162610" title="Profil Facebook Fahrus Salis" target="_TOP"><img src="http://badge.facebook.com/badge/1308162610.348.1658796875.png" alt="Profil Facebook Fahrus Salis" style="border: 0px;" /></a>

- Kode yang berwarna hijau adalah alamat profil facebook anda. Jadi sebenarnya anda bisa menempelkan alamat tersebut di Blog anda dengan menggunakan alamat facebook diatas. berikut contoh kongkritnya jika anda akan menyisipkan profil facebook anda hanya dengan menggunakan teks seperti pada blog saya.

<a href="http://id-id.facebook.com/people/Fahrus-Salis/1308162610" title="Profil Facebook Fays" target="_TOP">Faysbook</a>


akan tampil seperti berikut

Faysbook

- Sedang kode berikut :

<img src="http://badge.facebook.com/badge/1308162610.348.1658796875.png" alt="Profil Facebook Fahrus Salis" style="border: 0px;" />

adalah kode gambar profil anda, alamat asli gambar profil adalah pada tulisan yang berwarna ungu, yang fungsinya untuk menampilkan gambar profil seperti gambar berikut :



Semoga bermanfaat.


<
Blog, Updated at: 23.36

5 komentar:

  1. Infonya makin lengkap aja masfays
    kumpulin dulu ah
    Thx mas

    BalasHapus
  2. thanks ya sobb infonya sangat membantu...lam knl

    BalasHapus
  3. salam.. nice blog..

    tukar2 link ya...

    BalasHapus
  4. dipencarian google apa bisa terlihat?

    BalasHapus