cara membuat fans page/like box di blogger dan wordpress

1. Pertama tama Anda harus memiliki Fan Page atau Halaman Penggemar di Facebook, Bagi Anda yang belum memilikinya silahkan Anda buat dulu klik → Cara Mudah Membuat Fans Page Di Facebook

2. Jika Anda sudah memiliki Fan Page di Facebook, selanjutnya Anda harus mendapatkan kode html Fan Page tersebut, caranya silahkan Klik → http://developers.facebook.com/docs/reference/plugins/like-box/

3. Pada Facebook Page URL Silahkan Anda Masukan Alamat URL Fan Page Anda, Agar tampilan lebih kecil Jangan centang kotak “Show Stream” . Lalu Klik Get Code, Lihat Gambar dibawah:

Oh ya lupa! Jika Muncul tulisan “Untuk menggunakan plugin sosial Facebook, Anda harus mengaktifkan aplikasi platform.” Itu tandanya Anda belum mengaktifkan aplikasi platform facebook, Anda harus mengaktifkannya terlebih dulu. Untuk mengaktifkannya silahkan Anda klik tulisan tersebut, Lihat gambar dibawah:

Selanjutnya Klik Hidupkan.

Ok mari kita lanjutkan lagi, Masukan Alamat URL Fan Page Anda, Agar tampilan lebih kecil Jangan centang kotak “Show Stream” Lalu Klik Get Code.

Setelah Itu akan tampil kode seperti gambar dibawah ini:

Selanjutnya Cara memasukan kode diatas pada blogspot dan WordPress:

1. PADA BLOGSPOT

1. login ke Dashboard Blogspot Anda.

2. Pilih Rancarangan

3. Tambah Gadget Baru (Terserah Anda di Sidebar mana Anda ingin meletakannya).

4. Pilih Gadget “HTML/JAVASCRIPT”

Silahkan Masukan Kode like box nomer 2 tersebut ke widget Ini.

5. Langkah selanjutnya memasukan kode like box nomer 1 kedalam template, Silahkan Anda Klik “EDIT HTML”

6. Centang Expand Template Widget dan Gunakan Ctrl+F Untuk Memudahkan pencarian.

7. Cari Kode <body> dan letakkan kode nomer 1 tersebut dibawah kode <body>. Oh ya biasanya pada pada template Blogspot tidak ada kode <body>. Adanya kode <body expr:class=’"loading" + data:blog.mobileClass’> Ya tinggal letakan saja dibawah kode <body expr:class=’"loading" + data:blog.mobileClass’>.

Yang penting masukan kode tersebut setelah pembatas tag body seperti tanda ini ” >”

8. Simpan Template.

PADA WORDPRESS

1. Masuk ke Dashboard

2. Pilih Appearance → Klik Widget

3. Pilih widget Text → Geser ke sidebar yang Anda inginkan → Masukan Kode like box Nomer 2 diatas pada widget Text Tersebut.

4. Langkah berikutnya memasukan kode like box nomer 1 ke dalam template. Caranya Pilih Appearance → Klik Editor

5. Selanjutnya Anda akan di bawa ke stylesheet (style.css) template, Sekarang Anda pilih Header (header.php) Letaknya ada di sebelah kanan.

6. Gunakan Ctrl+F Untuk memudahkan pencarian, Selanjutnya cari kode <body>. Dan letakan Kode Like Box Nomer 1 Tepat dibawahnya.

7. Klik Update File.

8. Selesai

Sangat Mudah bukan?

Zeregar Website

Kamis, 27 September 2012