Trick n Tips Blogger | Widget Blogger | Template Blogger

Cara Membuat Kotak Komentar Facebook Di Blogger

by Irsyad Aslam , at 1/18/2013 , has 9 komentar
Kotak Komentar Facebook adalah sebuah kotak yang berfungsi untuk pengunjung agar bisa mengomentarkan posting anda dengan menggunakan akun Facebook, Yahoo, AOL, dan Hotmail. Kotak Komentar Facebook juga hampir mirip dengan like dan share facebook. Bagaimana Caranya?, Berikut Caranya:
Ada 3 cara untuk menampilkan Kotak Komentar Di Bloggger:
  1. Menyebunyikan Kotak Komentar.
  2. Membuat aplikasi komentar di Facebook.
  3. Mengedit HTML.
Untuk Cara Pertama:
Menyebunyikan Kotak Komentar.

Untuk cara pertama silahkan anda sembunyikan Kotak Komentar anda. Ikuti langkah berikut ini:
  • Silahkan Login Ke blogger anda.
  • Setelah Itu, Klik Menu Setelan --> Klik Tombol Pos dan Komentar.
  • Lihat di bar Komentar, Pilih Sembunyikan pada menu Lokasi Komentar. Gambar:(1)


                                                            Gambar:(1)

Membuat aplikasi komentar di Facebook.

  • Silahkan masuk link https://developers.facebook.com/apps (Untuk itu Silahkan Login ke Facebook Anda)
  • Setelah itu, silahkan untuk mendaftarkan diri dengan mengeklik tombol Register as a Developers.
  • Setelah itu, Klik Tombol Create New App.
  • Masukan Nama App, Lalu, Klik Lanjutkan. Gambar:(1)
                                                                          Gambar:(1)
  • Masukan Kode Captha.
  • Copy Id Appnya.

Mengedit HTML.
  • Silahkan Masuk ke Blogger Anda --> Klik Menu Template --> Klik Edit HTML centang Expand Template Widget
  • Cari Kode Berikut ini:
<b:skin><![CDATA[
  • Masukan Kode Berikut ini di atas kode b:skin><![CDATA[
<meta content='Id App' property='fb:app_id'/>

Keterangan:
Masukan Id App anda di tulisan yang berwarna merah
  • Cari Kode berikut ini:
<div class='post-footer-line post-footer-line-3'><span class='post-location'>

Jika tidak ada cari kode berikut ini.

<p class='post-footer-line post-footer-line-3'>
atau dengan

<data:post.body/>

Keterangan:
Pilih salah satu kode diatas.

Masukan Kode Berikut ini diatasnya.

<b:if cond='data:blog.pageType == "item"'>
<div id="fb-root"></div>
<script>(function(d){
var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
<fb:comments width='450' colorscheme='light' expr:title='data:post.title' expr:href='data:post.canonicalUrl' expr:xid='data:post.id'/>
</b:if>

Keterangan:
Jika anda ingin mengatur lebarnya ganti kode  '450' dengan lebar yang ingin anda mau. jika template anda berbackground gelap ganti kode 'light' dengan kode dark.
  • Jika Sudah, Klik Simpan Template.

Selamat Mencoba,
Salam Sukses.



Your-BelajarBLOG
Irsyad Aslam
About
Cara Membuat Kotak Komentar Facebook Di Blogger - written by Irsyad Aslam , published at 1/18/2013, categorized as Trik Blogger . And has 9 komentar
9 komentar Add a comment
mksh gan info'x sangat bermanfaat sekali...
sukses terus buat blognya. . .
Iyah Sama-Sama,
Makasih :^D^:,

Sukses Juga Buat Blognya,

Salam Sukses,
Your-BelajarBLOG
Delete
Reply Delete
terimakasih infonya,, langsung di coba saja mas
Reply Delete
mas kok komentarnya ada di atas gag di bawah postingan?????
Coba ulang sekali lagi dengan benar,
Mungkin Ada kode yang salah taruh.

Semoga Berhasil,
Your-BelajarBLOG
Delete
Reply Delete
makaseh ya gan akhirnya bisa juga saya pasang

kunjungi blog saya juga yah gan..

makaseh :)
Reply Delete

Catatan:

• Dilarang Menaruh Link Aktif
• Dilarang Nyepan/Promosi Di Komentar
• Dilarang Berkata Tidak Sopan
• Untuk Menyisipkan Kode, Gunakan Tag <i rel="code">... KODE ...</i>
• Untuk Menyisipkan Kode Panjang, Gunakan Tag <i rel="pre">... KODE ...</i>
• Untuk Menyisipkan Catatan, Gunakan [catatan].. TEKS ...[/catatan]
• Untuk Menyisipkan Gambar, Gunakan [img]URL GAMBAR[/img]

Sebelum Menyisipkan Kode Harap Konversi Kode Sebelum Menuliskan Di Komentar

Bck
Cancel Reply

Followers

Komentar Terbaru

Copyright ©2013 Your-BelajarBLOG by
Theme designed by Damzaky - Published by Proyek-Template
Powered by Blogger
-->