Home » , , » Memasang Facebook Like Box di Blog

Memasang Facebook Like Box di Blog

Written By Unknown on Wednesday 16 April 2014 | 04:53

Setelah fans page yang anda buat sudah jadi separti pada artikel sebelumnya yang membahas tentang Cara Membuat Halaman Atau Fanspage Blog di Facebook, kini saatnya untuk memasangnya di blog atau web milik anda. Ikuti panduan sederhana di bawah ini:

Cara Mensetting Tampilan Fan Page Facebook
Cara Setting Facebook Like Box :

- Facebook Page url: url Facebook Page anda
- Width: lebar tampilan facebook like, sesuaikan dengan lebar sidebar widget.
- Color scheme: pilih light jika ingin tampilan terang, dan dark untuk tampilan gelap.
- Show Faces: Centang untuk menampilkan foto profil likers.
- Border color: Isikan dengan kode warna jika ingin memberi border atau kosongkan agar transparan.
- Show stream: Centang jika ingin menampilkan informasi/posting terakhir di like box.
- Show header: Centang jika ingin menampilkan tulisan header "Find Us on Facebook".
Lihat preview tampilan di sebelah kanan form tersebut.

  • Jika settingan sudah dirasa beres dan sesuai selera, silahkan klik Get Code
  • Kemudian akan muncul pop up window seperti gambar di bawah ini
Kode HTML Untuk Fan Page Facebook
Klik Gambar Untuk Memperbesar dan memperjelas
  • Di sana anda akan melihat 2 kode HTML yang terpisah, dan penempatan kedua kode tersebut berbeda.
Bagaimana Penempatan Kodenya?
  • Login dengan akun blog saudara
  • Pilih menu TEMPLATE => EDI HTML
  • Backup data terlebih dahulu jika memang diperlukan
  • Cari kode 
  • Klik kursor pada kolom EDIT HTML, kemudian tekan F3 atau Ctrl+F untuk mempermudah pencarian kode.
  • Simpan kode pertama tepat di bawah kode <body>
          Catatan: Biasanya pada template baru pada blog, kode <body> tidak di temukan. Jika hal tersebut terjadi maka sobat bisa buka Cara Mencari Kode body di Template Baru.
Penempatan Kode Fan Page di Blog
  • Klik simpan template
  • Lalu masuk ke menu TATA LETAK=> Tambah Gadget => HTML/Javascript
  • Masukan kode kedua pada kotak HTML/Javascript
  • Simpan
Selamat Mencoba..!!

0 comments:

Post a Comment