10 Mar 2012

Cara Membuat Komentar Facebook di Blog



Oke... Moz's Blogger (sobat blogger monozcore) dari yang baru bikin blog maupun yang sudah kawakan info unik kali ini tentang Cara Membuat Komentar Facebook di Blog. Sebelumnya saya ucapkan Assalamu'alaikum Wr Wb, semoga Moz's Blogger selalu dalam keadaan sehat dan sejahtera. Oke...dech sekarang kita lanjutkan pembahasannya, manfaat memasang kotak komentar facebook selain memudahkan pengunjung untuk bisa langsung berkomentar karena biasanya kebanyakan dari pengunjung blog sudah login pada akun facebooknya, kotak komentar facebook menjadi daya tarik untuk membuat pengunjung blog semakin betah untuk berkunjung kembali ke blog sobat... Buat yang tertarik untuk memasang kotak komentar facebook silakan langsung aja ke TKP...

Perhatian :
  • Biasakan backup template blog sobat sebelum mengedit apapun pada blog sobat.
  • Sesuaikan lebar komentar facebook agar terlihat rapih dan menarik.
Cara Pemasangan :
  1. Login ke Facebook sobat.
  2. Kunjungi situs Facebook Developers.
  3. Pilih Comments yang ada pada daftar social plugins facebook pada situs Facebook Developers.
  4. Masukan URL blog dengan URL blog / website sobat kemudian masukan jumlah komentar yang kan dimunculkan pada blog sobat dan lebar kotak komentar facebook.
  5. Bila kamu sudah selesai, langkah selanjutnya klik Get Code.
  6. Setelah itu akan muncul kotak kode facebook yang berisi 2 kotak kode, yaitu kotak kode no.1 dan kotak kode no.2.
    Perhatikan gambar :

  7. Buka "Tab Browser Window" baru kemudian buka situs blogger dan login ke blog sobat.
  8. Klik "Design" kemudian klik "Edit HTML" untuk mengedit HTML template blog sobat.

  9. Cari kode <body>, bila kamu sulit mencarinya kamu tekan tombol Ctrl + F, setalah itu kamu ketik <bod atau <body> pada kolom pencarian yang muncul, bila sudah ketemu kamu letakkan kode no.1 (kotak kode no.1) dibawah kode <body>.

    Contoh :
    ......
    <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=198573203529943";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
    ......


    Catatan :  Ganti karakter "&" dengan "&amp;".
  10. Apabila diletakan di bawah komentar blogger maka cari kode "<p class='comment-footer'>" kemudian letakan kode no.2 fb di bawah kode "<p class='comment-footer'>".

    Contoh :
    ......
    <p class='comment-footer'>
    <hr/>
    <div class="fb-comments" data-href="http://monozcore.blogspot.com" data-num-posts="5" data-width="470" data-colorscheme="dark"></div>
    <hr/>
    ......


    Catatan : Ganti data-href="http://monozcore.blogspot.com" dengan expr:data-href='data:post.url' supaya komentar facebook secara otomatis disesuaikan dengan lokasi URL postingan artikel.
  11. Bila kode no.2 sudah ditempatkan silakan sobat save template sobat.
Gimana infonya, kerenkan....??? oh ya... mohon supportnya ya biar kreasinya tambah keren dan bermanfaat. Buat yang masih bingung seputar pemasangan widget ini silakan tanyakan melalui kotak komentar...
sumber: http://monozcore.blogspot.com/2012/01/cara-membuat-komentar-facebook-di-blog.html
.:Semoga Bermanfaat:.

3 komentar:

  1. waww.....! good posting, mkasih ilmunya gan.
    by : Catatan Google

    BalasHapus
  2. kog itu link-nya punya monozcore?

    BalasHapus

Semua umpan balik saya hargai dan saya akan membalas pertanyaan yang menyangkut artikel di Blog ini sesegera mungkin.

1. Komentar SPAM akan dihapus segera setelah saya review
2. Pastikan untuk "Berlangganan Lewat Email" untuk membangun kreatifitas blog ini
3. Jika Anda memiliki masalah cek dulu komentar, mungkin Anda akan menemukan solusi di sana.
4. Jangan Tambah Link ke tubuh komentar Anda karena saya memakai system link exchange
5. Dilarang menyebarluaskan artikel tanpa persetujuan dari saya.
6. Bergabung dengan kami untuk menjadi member ► | JOIN TO MEMBER BLOG | Dan mendapat fasilitas penuh