Home About Privacy Disclaimer Sitemap
Bagi IPTEK

Cara Memasang Komentar Facebook dengan Emoticon di Blog Terbaru 2015


Cara Memasang Komentar Facebook dengan Emoticon di Blog Terbaru 2015


Cara Memasang Komentar Facebook dengan Emoticon terbaru 2015 untuk Blogger - Sudah lama sekali admin tidak update kali ini admin akan update dengan judul postingan Cara Memasang Komentar facebook di Blog dengan emoticon terbaru 2015. Ya, mungkin agak aneh kedengarannya bagi kalian yang sudah menjadi blogger lama allias suhu. Pasti bingung kok bisa ada emoticonnya? Nah itu dia sobat ternyata facebook sudah update sosial pluginnya ke dalam versi 2.3 kalau tidak salah.

Sebenarnya komentar facebook gaya terbaru ini hanya untuk platform wordpress tapi sebenarnya itu salah, ada juga komentar facebook gaya terbaru ini untuk Blogger. Jadi, par Blogger akan merasakan sendiri gaya terbaru dari komentar facebook ini. Kalau dilihat dari demonya memang sudah cukup jelas dan lengkap yaitu bahwa Komentar facebook terbaru ini bersifat bagus, keren dan juga user friendly.

Komentar yang akan sobat komentari akan muncul emoticon atau emosional dari facebook sebagai contoh yaitu pacman ":v" bisa muncul apabila sobat komentari. Versi sebelumnya tidak mendukung emoticon pada komentar facebook yang lalu. Jadi, bersyukurlah sobat karena sudah datang gaya baru dan lebih modern sekarang semuanya menjadi mudah dan aman.

Baca juga: Tipe-Tipe Orang Saat Berkomentar

Banyak sekali para Blogger yang masih belum tau cara memasang komentar facebook terbaru ini oleh karena itulah saya akan mengulas secara lengkap dan detail langkah-langkahnya seperti yang diutarakan yaitu
  • Cara membuat App ID facebook untuk komentar Blog
  • Cara memasang komentar facebook terbaru dengan emoticon
Cara di atas akan admin ulas lengkap dan jelas serta tergolong dalam cara yang mudah.

Cara Membuat App ID Facebook Untuk Komentar

#1 Masuk ke dalam Developers Facebook. Jika anda belum login menggunakan akun facebook alangkah baiknya untuk login terlebih dahulu.

#2 Klik pada bagian navigasi "My Apps" dan klik lagi pada bagian "Add a New App"
Cara Memasang Komentar Facebook dengan Emoticon di Blog Terbaru 2015

#3 Maka akan muncul sebuah modal box atau kotak box munculuan (pop up) lalu klik pada bagian Situs Web
Cara Memasang Komentar Facebook dengan Emoticon di Blog Terbaru 2015

#4 Namai aplikasi Situs Web anda terserah. 
Cara Memasang Komentar Facebook dengan Emoticon di Blog Terbaru 2015

#5 Isi data dan lengkapi seperti gambar berikut. 
Cara Memasang Komentar Facebook dengan Emoticon di Blog Terbaru 2015

#6 Lewati bagian SDK karena itu merupakan TIDAK PENTING dan scroll atau gulir ke bawah lalu isi data alamat url blog anda dengan benar dan juga isi pada bagian url mobile biasanya ditambah ?m=1 untuk platform Blogger. Lalu klik Selanjutnya
Cara Memasang Komentar Facebook dengan Emoticon di Blog Terbaru 2015

#7 Jika sudah scroll lagi ke atas dan klik pada panel "Skip Quick Start" 
Cara Memasang Komentar Facebook dengan Emoticon di Blog Terbaru 2015

#8 Di situlah ID Aplikasi Facebook Anda "App ID" ditemukan.

Pasang Meta TAG App ID Facebook

Ini fungsi utamanya untuk memoderasikan komentar Facebook dan mengetahui manakah komentar yang dianggap spam. Itulah gunanya memasang Meta Tag Sosial App ID Facebook. Berikut ini adalah langkah Memasang Sosial Meta Tag

1. Buka Blogger dan masuk ke dalam template lalu Edit HTML.

2. Masukkan Code berikut ini tepat di bawah kode Head atau tag Meta lainnya.
<meta content='ID Aplikasi Facebook' property='fb:app_id'/>
3. Selesai.

Cara Memasang Komentar Facebook dengan Emoticon

1. Langkah pertamanya adalah kamu harus sudah mempunyai aplikasi facebook.

2. Kedua, masukki halaman Plugin Komentar Facebook.

3. Pada bagian code generator silahkan isi datanya seperti berikut. Untuk bagian url jangan diisi karena pada tahap terakhir itu akan berpengaruh jadi, diisi pada saat tahap terakhir saja.
Cara Memasang Komentar Facebook dengan Emoticon di Blog Terbaru 2015

4. Scroll atau gulir ke bawah dan lihat pasti ada tombol Get Code di bagian kiri bawah. 
Cara Memasang Komentar Facebook dengan Emoticon di Blog Terbaru 2015

5. Maka akan muncul modal box. Kode pertama silahkan anda taruh di bawah tag kode Body.
Mungkin kodenya akan terlihat seperti berikut ini
<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/id_ID/sdk.js#xfbml=1&version=v2.3&appId=1593428057604780";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
 Di bagian kode yang saya blok warna merah ubah dan ganti menjadi &amp; agar valid HTML5 dan tidak error saat disimpan di template Blog anda, oh iya satu lagi kode yang saya blok warna biru adalah aplikasi ID Facebook Anda akan otomatis terbaca di kode. Dan hasil akhirnya akan menjadi seperti ini.
<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/id_ID/sdk.js#xfbml=1&amp;version=v2.3&amp;appId=1593428057604780";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

6. Kode nomor 2 ditaruh di bawah tag kode <b:includable id='comments' var='post'>
Perhatian kode nomor 2 tidak selalu berhasil dan anda harus mencoba kode ini pasti berhasil karena sudah ditambah tag kondisional.
<div class='fb-comments' data-numposts='7' data-width='100%' expr:data-href='data:blog.url'/>

Oke itu saja jika ada kritik dan saran silahkan sobat berdiskusi melalui komentar dan apabila ada yang ingin dipertanyakan atau ada yang kurang jelas silahkan berkomentar. Untuk cara lainnya mengenai komentar facebook ini akan saya bagikan di postingan selanjutnya tunggu saja ya sobat.


4 komentar

wew mantap gan, emot blog emang keren

iya gan kalau bisa diterapkan soalnya gak ngaruh kok sama speed :)

Komentar ini telah dihapus oleh pengarang.

Membantu Sekali infonya.

Untuk informasi mengenai cara belajar SEO bisa dilihat di http://www.computer-course-center.com/belajar-seo.html

Your comments show your personality
Gunakanlah form komentar dengan bijak dan sebaik mungkin
Klik untuk melihat kode: :) =( :s :D :-D ^:D ^o^ 7:( :Q :p T_T @@, :-a :W *fck* x@

Batal