Minggu, 22 April 2012

Cara Memasang Facebook Badge di Blog


Facebook adalah situs jejaring sosial yang menempati peringkat pertama di dunia. Di negara kita sendiri, Negara Indonesia, Posisi Google pun bisa dikalahkan oleh Jejaring Sosial ini walaupun Facebook adalah sebuah situs yang baru-baru muncul. Hasil survey ini berdasarkan survey Alexa pada halaman websit-nya Top Sites in Indonesia. Berikut urutan Top sites Indonesia berdasarkan survey Alexa tertanggal 1 January 2012 :


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.



Berikut Cara membuat badge facebook :

  • Login ke akun facebook Anda 
  • Silahkan buka link ini 
  • Pilih “profil badge” 






  • Cara membuat badge profil facebook 
  • 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 


  • Jangan lupa untuk klik save 


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


  • 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 :

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


Untuk memasang badge profil facebook di halaman statis blog wordpress :

  • Silahkan masuk ke dashboard wordpress Anda 
  • Pilih “pages/halaman” kemudian klik “add new/ buat baru” 
  • Beri judul halaman statis wordpress Anda, bisa about me atau tentang saya 
  • Sorot isi postingan terlebih dahulu ke arah “HTML” kemudian pastekan kode badge / lencana facebook Anda disitu 
  • Kemudian sorot lagi ke posisi “visual” kemudian ketikkan isi postingan seperti biasa 
  • 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 “<img src…..”


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″ />




Perhatian :

  • float:left bisa Anda ganti dengan float:right (untuk posisi right text wrapping)


  • Maka hasilnya bisa anda lihat seperti gambar di bawah ini







  • Gambar di atas adalah contoh badge profil facebook di halaman statis blog


  • Maka 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


Selamat Mencoba !

Tidak ada komentar:

Posting Komentar