Welcome To My Blog

Selamat datang di website pribadi saya. Online Learning Tutorial merupakan Website Tutorial untuk membuat media pembelajaran online yang Kreatif dan Inovatif berbasis Blog yang dapat digunakan sebagai E-Learning.

Minggu, 21 Agustus 2011

Membuat dan Memasang Lencana Profil Facebook atau Badge Facebook

Jika Anda memiliki facebook, maka Anda menjadikan salah satu link. Pemasangan link facebook Anda akan membantu siswa Anda untuk saling berkomunikasi online maupun offline dengan syarat antara Facebook Anda sudah “berteman” dengan facebook pelajar. Dalam hal ini anda dapat membuat sebuah Group Kelas yang anda ampu.  Posisinya bisa ditempatkan pada bagian bawah (footer), atau sesuai dengan kebutuhan. Pemasangan link Facebook dapat dilakukan dengan membuat Lencana Profil Facebook atau Badge Facebook.

Apa itu Lencana Profil Facebook atau Badge Facebook ??
Badge Facebook dikenal juga dengan nama lencana profil facebook. Merupakan fitur facebook yang memungkinkan pengguna mengintegrasikan halaman profil facebooknya ke blog yang ia kelola. Bermanfaat bagi blogger untuk meningkatkan brand personal dirinya melalui badge facebook yang ia pasang di salah satu sidebar atau halaman statis blog.
Lagi pula facebook merupakan salah satu sosial media yang marak dikunjungi. Hasil survey menunjukkan Indonesia menduduki peringkat kedua di dunia dalam hal akses Facebook. Jadi jangan sia-siakan kesempatan ini. Yuk mari kita sebagai blogger memanfaatkan sosial media untuk kepentingan blog dan personal branding.

Cara membuat Lencana Profil Facebook atau Badge Facebook

  1. Login ke akun facebook anda
  2. Silahkan ke link di bawah ini
    http://www.facebook.com/badges/
  3. Pilih “profil badge”

    cara membuat badge profil facebook
  4. Pilih “edit this page”

    cara membuat dan mengambil lencana profil facebook
    Di bagian ini anda bisa memilih bentuk vertikal atau horisontal atau dua kolom yang bisa anda lihat contohnya di halaman about me adhani blog, anda juga dapat menambahkan item seperti nama, tanggal lahir, nama website jika punya, lalu memilih format yaitu menaruh foto atau tidak di profile/badge facebook anda.

    cara setting badge lencana facebook
  5. Jangan lupa untuk klik save
  6. Untuk mengambil kode badge / lencana profil facebook anda klik “Blogspot” untuk blog berplatform blogspot atau pilih “other” untuk pengguna wordpress.
  7. Copy/paste dan simpan di notepad (hanya untuk memudahkan)

 Masih Bingung??

Nih, cara mudah membuat Lencana Profil Facebook atau Badge Facebook :

1. buka Facebook dengan akunmu


2. buka http://www.facebook.com/facebook-widgets/profilebadges.php

3. Salin kode pada text box yg terdapat di sebelah kanan Pratinjau

4. Lalu buka blogger dgn akunmu

5. Klik Menu Tata Letak > Elemen Halaman

6. Klik Buat Gadget Baru

7. Pilih HTML/Java Sript

8. lalu paste salinan kode yg sudah kita Copy sebelumnya

9. Klik Simpan

10. Buka blog mu dan lihat hasilnya

    Selanjutnya,

    Cara memasang badge facebook di blog wordpress atau Blogspot

    Anda bisa memasang di sidebar blog dengan menggunakan “widget text” wordpress atau menggunakan “add to gadget” di blogspot atau memasangnya di halaman tentang saya atau about me seperti yang ada di halaman statis about me adhani blog
    Untuk memasang di widget wordpress caranya sebagai berikut

    1. Silahkan masuk ke dashboard WordPress Anda
    2. Kemudian klik “Appereance” pilih ” Widget “
    3. Pilih widget “Text”
    4. Kemudian copy-paste kode Facebook tadi kedalam widget text tersebut
    5. Simpan dan Selesai
    Untuk memasang badge profil facebook di halaman statis blog wordpress

    1. Silahkan masuk ke dashboard wordpress anda
    2. pilih “pages/halaman” kemudian klik “add new/ buat baru”
    3. Beri judul halaman statis wordpress anda, bisa about me atau tentang saya
    4. Sorot isi postingan terlebih dahulu ke arah “HTML” kemudian pastekan kode badge / lencana facebook anda disitu
    5. Kemudian sorot lagi ke posisi “visual” kemudian ketikkan isi postingan seperti biasa
    6. Jangan lupa jika sudah selesai klik update/publish.
    Untuk memasang lencana profil facebook di halaman statis blogspot silahakan ikuti langkah-langkahnya di artikel cara membuat halaman statis di blogspot

    Tambahan tips

    Agar tampilan badge facebook di halaman statis lebih menarik, tambahkan sedikit sentuhan kode HTML di bawah ini untuk membuatnya berada di posisi tepat sebelah kiri artikel (left text wrapping position).
    style=”float: left; border: 0px; margin: 0 10px 10px 0;”
    letakkan kode html di atas tepat di samping kode pemanggil gambar badge / lencana profil facebook. Kode HTML pemanggil gambar berawalan “
    contoh :
    <img src=”http://badge.facebook.com/badge/1511328027.817.1925713938.png” width=”360″ height=”208″ style=”border: 0px;” /></a><!– Facebook Badge END –>
    Setelah ditambahkan kode di atas menjadi
    <img style=”float: left; border: 0px; margin: 0 10px 10px 0;” src=”http://badge.facebook.com/badge/1511328027.817.1925713938.png” alt=”" width=”120″ height=”306″ />
    NB: float:left bisa anda ganti dengan float:right (untuk posisi right text wrapping)

    Maka hasilnya bisa anda lihat seperti gambar di bawah ini
    contoh badge profil facebook di halaman statis blog
    contoh badge profil facebook di halaman statis blog
    Mudah bukan membuatnya, dengan memasang badge profil facebook pengunjung blog anda dapat mengetahui siapa di balik penulis blog melalui akun situs jejaring facebook, hitung-hitung sebagai upaya diri untuk terkenal melalui dunia online bukan ? Karena kata pepatah, tak kenal maka tak sayang
    Semoga tutorial cara membuat badge facebook berguna buat anda.

    Selamat mencoba..

    Sumber : Id-Id Facebook dan   Adhani Blog

    Stumble
    Delicious
    Technorati
    Twitter
    Digg
    Facebook
    Yahoo
    Feed

    0 komentar:

    :)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

    Posting Komentar