Jasalogounik.com – Fans page facebook dengan tombol “like” yang diletakkan pada website atau blog dianggap cukup penting. Begitu juga bagi mereka yang ingin memperkenalkan halaman facebook mereka kepada pengunjung website. Kalau memasang fans page facebook dengan plugin, tentunya itu adalah hal yang mudah. Nah, sekarang bagaimana jika kita ingin Memasang fans page facebook tanpa plugin di wordpress dan blog, berikut ini adalah tutorialnya.

Kenapa harus mencoba memasang fans page facebook tanpa plugin di wordpress dan blog? Bukannya justru jadi ribet dan tidak praktis? Betul sekali, namun bagi mereka yang menggunakan CMS (Content Management System) blogspot atau wordpress pada website mereka, modifikasi dengan script HTML lebih diutamakan daripada menggunakan plugin.

Cara memasang fans page facebook tanpa plugin di website Anda. Caranya gampang, ga ribet dan mengurangi penggunaan plugin yang terlalu banyak. So, mengurangi bug yang menyebabkan website mengalami error.

Baiklah, sekarang JasaLogoUnik akan mengupas cara memasang fans page facebook tanpa plugin di wordpress dulu, selanjutnya untuk blogspot.

 

Memasang fans page tanpa plugin di wordpress

  • Sebelumnya, Anda harus login dulu ke akun facebook.
  • Kunjungi link berikut:

https://developers.facebook.com/docs/reference/plugins/like-box/

  • Copy paste alamat itu di web browser Anda, klik “Ok”. Maka tampilannya akan seperti gambar dibawah ini:

 

Cara memasang fans page JasaLogoUnik

Cara memasang fans page JasaLogoUnik

 

  • Pada tulisan “Facebook Page URL” isi dengan URL atau alamat fans page facebook yang ingin Anda tampilkan di website atau blog. Sedangkan untuk contoh diatas saya masukkan http://www.facebook.com/jasalogounik.
  • Pada kolom “Height” adalah ukuran fans page dalam skala pixel. Saya memasukkannya 40, maka tinggi fans page yang tampil di website JasaLogoUnik adalah 40 pixel. Bila Anda letakkan 200, maka akan tampak lebih panjang dari yang saya tunjukkan pada gambar diatas. Akan terlihat foto profil orang yang sudah nge-like fans page Anda.
  • Pada kolom “Width” adalah ukuran lebarnya, atur sesuai dengan yang Anda butuhkan.
  • Pengaturan berikutnya Anda dapat memberi centang pada pilihan “Show friends’ face”, “Show post”, “Show header” dan “Show border.” Anda dapat memodifikasi sesuai dengan kehendak Anda.
  • Perbedaan pada setiap pengaturan yang Anda terapkan dapat dilihat pada kolom preview dibawahnya.
  • Klik tombol “Get code”, maka Anda akan mendapatkan dua kode. Semuanya digunakan secara bersama-sama dengan lokasi yang berbeda. Maka akan tampil sebagaimana gambar di bawah ini.
kode HTML fans page

kode HTML fans page

 

Sekarang memasang kode kedalam website wordpress, caranya adalah sebagaimana berikut:

 

Meletakkan kode pertama

  • Login ke website yang menggunakan CMS wordpress
  • Appearance dan header php
    Appearance dan header php
  • Pilih menu yang terdapat di sebelah kiri layar Anda, “Appearance” kemudian pilih “Editor”, maka akan muncul layar yang berisi dengan kode script di tengah layar Anda. Abaikan saja dan langsung menuju ke sisi pojok sebelah kanan, pilih “Header”.
  • Anda lihat pada kolom tengah yang berisi kode script. Tekan tombol F3 atau “Ctrl+F”, cari tulisan seperti dibawah ini:

<!–Begin head–>

  • Paste-kan kode pertama yang Anda dapatkan dari halaman fans page, sewaktu menekan “Get code” tadi. Letakkan dibawah tulisan <!–Begin head–>
memasang kode fans page kedua

memasang kode fans page kedua

 

Meletakkan kode kedua

  • Sedangkan untuk kode yang kedua letakkan pada “Sidebar widgets” wordpress  Anda. Caranya, klik “Appearance” pilih “Widgets”. Drag and drop atau klik dan geser widgets yang bernama “Text” ke area sidebar widgets milik Anda. Kemudian paste-kan kode yang kedua.
  • Klik “Save” dan Anda dapat melihat hasilnya di halaman utama website Anda.

 

Memasang fans page di blogspot

Memasang fans page pada blogspot caranya tidak berbeda jauh dengan wordpress. Yaitu setelah Anda mendapatkan dua jenis kode dari facebook developers, maka Anda bisa langsung menuju tahap berikutnya:

 

Meletakkan kode pertama

  • Loin ke blog Anda
  • Pilih Template, dan klik “Edit HTML”.
  • Cari kode “ <body> ”, gunakan pula “F3” atau “Ctrl+F”  untuk mempermudah pencarian kode script tersebut.
  • Copy paste kode pertama tadi tepat di bawah “ <body> ”
  • Simpan template.

 

Meletakkan kode kedua

  • Pilih “Tata letak”, Klik “Tambahkan Gadget” kemudian cari pilihan widgets dengan nama, “HTML/javascript”.
  • Copy paste kode kedua di HTML/javascript tadi, setelah selesai klik “Save”, dan lihat hasilnya.

 

Fans page Blog Jasa Logo Unik

Fans page Blog Jasa Logo Unik

 

Selesai sudah tutorial memasang fans page facebook tanpa plugin pada website wordpress dan blogspot. Selamat mencoba tips yang diberikan oleh JasaLogoUnik. Bila artikel ini bermanfaat, jangan lupa klik “Rate this” atau beri “Like” dan share-kan dengan mencantumkan sumbernya dari kami. Memasang fans page facebook tanpa plugin di wordpress dan blog bukan sesuatu yang sulit bukan? JasaLogoUnik, ide kreatif ide original.

 

Baca juga artikel berikut ini: