Menambahkan Facebook Like Box untuk Blogger.com/ Blogspot

membuat facebook like box blogger.com atau blogspot

Facebook like box memungkinkan pengguna atau pengunjung blog dapat bergabung dan sama halnya seperti saat like facebook fanpage blog Anda namun dalam versi mini di Blog.

Buka akun Facebook Anda, kemudian masukkan link berikut ke browser Anda:

https://developers.facebook.com/docs/plugins/

Pilih Like Box,

membuat facebook like box blogger.com atau blogspot

atau klik saja link berikut:

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

Muncul prototype facebook like box yang akan tertampil di blog Anda sebagai preview di sebelah kanan Attribut.

membuat facebook like box blogger.com atau blogspot

  • href: atau “Facebook Page URL” adalah URL Facebook Fanpage yang sebelumnya telah Anda buat untuk kotak Like Box ini. Link facebook website fanpage address tersebut bisa Anda temukan saat Anda membuka facebook fanpage Anda. Misalnya; http://www.facebook.com/leafculture
  • width: ukuran lebar dari facebook like box Anda. Sebaiknya disesuaikan dengan batas sidebar ataupun widget dari blog Anda. Ukuran default: 300 px dari facebook.
  • height: ukuran panjang dari facebook like box Anda. Ukuran tinggi default bervariasi tergantung berapa banyak jumlah profile picture fans fanpage facebook Anda dan stream latest post (artikel terakhir yang di publish) jika ditanyangkan.

Catatan: jika Anda ingin menayangkan stream posting terakhir dan juga 10 gambar profile fans di like box maka ukuran defaultnya adalah 556px. Namun, jika tanpa keduanya maka default ukurannya adalah 63px menyesuaikan.

  • colorscheme: pola warna untuk plugin atau widget facebook like box Anda. Terdapat dua jenis yaitu light, warna dasar putih dan dark, untuk hitam atau gelap.
  • show faces: menentukan apakah foto profile di plugin like box ini dimunculkan atau tidak. Centang jika memilih, tidak jika tidak menginginkan foto profil fans blog Anda tertampil di like box ini.
  • border color: warna border atau bingkai untuk facebook like box ini.
  • stream: menentukan apakah stream dari latest post Anda tertampil atau ingin ditampilkan di facebook like box ini.
  • header: menentukan apakah Facebook header yang paling atas dari like box ini ditampilkan atau tidak. Centang jika ya.

Langkah terakhir, pilih “Get Code”. Gunakan kode iframe maupun html5 tergantung dari Anda, keduanya bisa digunakan untuk blogger.com. Copy paste facebook like box code tersebut.

membuat facebook like box blogger.com atau blogspot

Keterangan: untuk menggunakan atau membuat plugins like box ini dianjurkan untuk menggunakan akun facebook Anda, bukan sebagai admin halaman page atau facebook fanspage tersebut.

Login akun blogger.com Anda. Pilih “Layout” lalu “Add a gadget” > “HTML/JavaScript”.

membuat facebook like box blogger.com atau blogspot

Paste code atau script facebook like box tersebut ke “HTML/JavaScript”.

membuat facebook like box blogger.com atau blogspot

Dan blog Anda sudah terdapat facebook like box yang terhubung dengan facebook fanpage. Update terus melalui fanpage ini untuk mendapatkan traffic ke blog Anda.

blog leaf culture all abaout blog tutorial

Advertisements

4 responses to “Menambahkan Facebook Like Box untuk Blogger.com/ Blogspot

  1. Trims mas Bro, infonya sangat bermanfaat 🙂
    Kalau saja makin banyak penulis seperti sampeyan, pasti orang Indonesia bakalan makin cerdas dengan info-info bermanfaat macam ini.

  2. Thank you, I have recently been searching for information about this topic for a while and yours is the best I have discovered so far. But, what about the conclusion? Are you certain concerning the source?|What i do not understood is in fact how you’re now not really a lot more smartly-appreciated than you might be right now. You are so intelligent.

  3. You can certainly see your expertise within the work you write. The arena hopes for even more passionate writers like you who are not afraid to mention how they believe. At all times follow your heart.

  4. Hi my friend! I want to say that this post is awesome, great written and come with almost all important infos. I’d like to look extra posts like this .

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s