Tutorial Cara Memasang Facebook Comments Dan Like Buttons Pada Blog

Untuk memasang system Facebook Comments dan Like Button ini, pertama kali yang harus anda lakukan adalah Login ke Account Facebook anda. Setelah anda login, coba anda membuka sebuah halaman baru dan ketikkan buka alamat https://developers.facebook.com/docs/reference/plugins/like/ dan Facebook Comments https://developers.facebook.com/docs/reference/plugins/comments/ Alamat tersebut berfungsi untuk membuat sebuah aplikasi Facebook yang akan kita manfaatkan sebagai wadah Facebook Comments dan Like Buttons tersebut. Setelah halaman tersebut terbuka, buatlah sebuah Applikasi baru dengan menekan tombol Create New App. Perhatikan Gambar di bawah ini :

Setelah anda berhasil membuat sebuah aplikasi baru atau halaman page facebook, anda akan mendapatkan App ID/API Key dan App Secret seperti yang diperlihatkan di gambar diatas. Keduanya adalah yang akan kita gunakan ketika membangun aplikasi ini nantinya. Selanjutnya mari kita buat sebuah Facebook Like Buttons dengan melalui alamat  https://developers.facebook.com/docs/reference/plugins/like/ dan Facebook Comments https://developers.facebook.com/docs/reference/plugins/comments/. Setelah itu masukkan url page halaman facebook anda, dan ukurannya diatur sendiri, tergantung kebutuhan.

Setelah itu, tekan tombol Get Code anda akan mendapatkan kode seperti dibawah ini :
Gunakan kode HTML5.

Kode pertama, silahkan anda Copy + Paste kedalam template website anda didalam tag seperti dibawah. Sebagai contohnya adalah sebagai berikut :

<body>



<div id="fb-root"></div>



<script>(function(d, s, id) {



var js, fjs = d.getElementsByTagName(s)[0];



if (d.getElementById(id)) return;



js = d.createElement(s); js.id = id;



js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=395375743806292";



fjs.parentNode.insertBefore(js, fjs);



}(document, 'script', 'facebook-jssdk'));</script>



</body>

Sedangkan Kode bagian kedua dari gambar diatas, anda dapat tempatkan dibagian mana anda ingin menampatkan Facebook Comment tersebut. Perhatikan kode dibawah ini :

Facebook Comments

<div class="fb - comment" data-href="http://analisismiliter.com" data-num-posts="100" data-width="550"></div>

Nah yang anda perlu perhatikan adalah data-href=”http://analisismiliter.com”. Data tersebut adalah link website yang anda ingin masukkan FB Comment didalamnya. Jika anda memiliki beberapa halaman website dan ingin menempatkan FB Comment didalamnya, anda hanya perlu copy paste kode diatas kemudian modifikasi alamat website tersebut didalam kode tersebut.

Facebook Like Button

Membuat Facebook Like Button hampir sama dengan membuat FB Comment. Jika anda sudah membuat FB Comment dengan Sukses sebelumnya, anda hanya perlu memasukkan kode FB Like Button dengan kode seperti di bawah ini :

<div class="fb - likes" data-send="true" data-width="450" data-show-faces="true"></div>

Mudah bukan?? Sampai disini dulu tutorial kali ini, semoga bermanfaat...

Cara Mudah Mendapatkan API Key Facebook

Pada kesempatan kali ini kita akan mengulas tentang API Key Facebook dan bagaimana cara mendapatkannya. Tapi sebelumnya tahukah apa itu API Key? API merupakan singkatan dari "Application Programming Interface". Setiap situs-situs besar sebenarnya memiliki API Key sendiri seperti Google, Facebook, Twitter, dan situs-situs besar lainnya, ini fungsinya untuk mengintegrasikan situs tersbut ke aplikasi lain atau dengan kata lain sebagai jembatan untuk menyambungkan situs tersebut ke suatu aplikasi.

Khusus untuk API Key Facebook sendiri, fungsi API Key Facebook ini sebenarnya adalah sebagai layanan "src : facebook" agar bisa menerima aplikasi yang akan dipasang.  API Key Facebook merupakan kunci agar bisa masuk ke pintu layanan di mana API Keytersebut disediakan.

Nah, lalu fungsinya untuk Website atau Blog apa sih?. Sesuai penjelasan tadi, API Keydigunakan sebagai jembatan penghubung. Ada beberapa widget (khususnya dari Facebook) yang nantinya mensyaratkan API Key agar bisa berjalan dengan baik. Jika sobat masih belum paham, silahkan tanya-tanya seputar "API Key" pada si mbah Google, hehe.

Cara mendapatkan API Key Facebook yaitu:

• Login dulu ke akun Facebook sobat.
• Jika sudah, kunjungi link Facebook Developers.
• Klik pada "Create New App"
• Masukkan nama aplikasi yang akan sobat buat seperti gambar berikut:

• Kemudian, masukkan informasi yang diperlukan seperti gambar di bawah ini:

• Selanjutnya klik "Save Changes" pada bagian bawah.
• Sekarang sobat sudah memiliki API Key Facebook. Silahkan disimpan dengan baik-baik.

Cara Mudah Menambah Setting Name/URL dan Anonymous Pada Komentar Blogspot

Cara menambahkan name dan url pada komentar blogspot:

1. Login blogger.com

2. Pilih Settings > Post And Comments

3. Gambar  kondisi kotak komentar sebelum penambahan sub menu.

4. Gambar kotak komentar setelah penambahan sub menu.