Cara Membuat “Badge Facebook” di WordPress/Blogspot

2 08 2010

Lencana Facebook

Cara membuat Badge Facebook di WordPress atau Blogger sangat mudah sekali dan untuk pembuatan  nya pun tidak memerlukan extension tambahan cukup extension yang telah ada weblog di atas yaitu “text”.

Langkah Pertama dalam pembuatan web yang ingin di tambahkan lencana facebook adalah tentu saja kita harus mendapatkan script, langkah-langkah yang kita lakukan adalah:

  1. Login ke facebook masing-masing lalu klik my profile (Profil anda) lalu klik create facebook badge (biasanya pada bagian paling bawah kiri). Kita akan mendapatkan script dari team facebook yang selanjutnya harus kita upload ke web blog kita (wordpress/blogspot).
  2. Copy script yang diberikan facebook lalu paste di notepad untuk keperluan uploading dan customisasi script atau bisa juga langsung di-paste-kan ke lokasi text di blog kita.

Langkah kedua adalah:

  1. Masuk ke weblog kita, dalam wordpress tentunya melalui /wp-admin. Untuk mulai membuat facebook badge di WordPress. Pilih / Klik My Dasbor à widget à Pilih Text (teks biasa / HTML) lalu Dragdrop (tarik tahan) ke bilah yang tersedia di wordpress à paste-kan script yang diberikan facebook pada point 2 di atas dan beri lebel text tersebut terserah anda. Kemudian lihat tampilan wordpress anda.
  2. Masuk ke weblog kita, dalam blogspot tentunya melalui  login sebagai admin. Untuk mulai membuat facebook badge di blogspot anda. Pilih / Klik Tambahkan Gadget à setelah muncul window baru penambahan gadget, lalu klik + (add) pada pilihan HTML/JavaScript à Paste-kan script yang diberikan facebook pada point 2 pada langkah pertama di atas dan beri lebel text tersebut terserah anda, lalu di klik pilihan simpan. Kemudian lihat tampilan wordpress anda.
  3. Sekarang sudah ada facebook badge di web blog kita (Mudah bukan!? …).

Contoh tampilan script yang kita copy / pastekan ke blog kita :

tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;” title=”Chia Collections”>Chia Collections

Buat Lencana Anda


Aksi

Information

2 responses

20 10 2010
goinfirdaus

Assalamualaikum…
Terima kasih pak, karena tulisan bapak, skarang saya sudah mempunyai “Badge facebook” di wordpress…

15 12 2010
qalbunsalima

Assalamu’alaikum warahmatullahi wabarakatuh, wah langsung nih dicoba dan ok.. jazakumullahu khairan pak.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s




%d blogger menyukai ini: