Cara memasang sosial plugin comment di bawah postingan


Kali ini saya akan membahas tentang Cara memasang sosial plugin comment di bawah postingan. Ini juga bisa dilakukan dengan menambahkan kode comment fb lewat add gadget (page element). Namun kekurangannya akan tampil terus di beranda blog kita. Yang saya bahas ini nantinya biar kolom komentar facebook cuma tampil pada bawah postingan saja.
Yang perlu disiapkan di sini kode plugin sosial(comment) dari facebook , dan saya tidak akan membahas tentang cara mendapatkanya, search saja di google.
Saya anggap kita sudah punya kode plugin sosial(comment), oke kita langsung menuju
  1. layout>edit html>centang pojok kanan atas (widget).
  2. cari kode berikut <div class='post-footer'>
  3. Letakkan kode berikut tepat di atas kode di atas :
    <div class="fb-comments" data-href="http://nassroom.blogspot.com" data-num-posts="2" data-width="500"></div>
    keterangan : ganti tulisan warna biru dengan url blog masing"
  4. Save kembali template.
  5. Sekarang ke element >tambah gadget >masukan kode berikut :
    <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/all.js#xfbml=1&appId=xxxxxxxx";
    fjs.parentNode.insertBefore(js, fjs);}
    (document, 'script', 'facebook-jssdk'));</script>

    keterangan : kode xxxxxx ganti sesuai Id aplikasi facebook.
Nah pertanyaannya kenapa kode nya tidak dimasukin semua di atas <div class='post-footer'> ? kan lebih praktis?
ya silahkan aja, kalo bisa ya syukur kalo gak bisa ikuti aja petunjukku. ini pengalaman kemaren pas waktu coba" ngoprek template default blogger.

Jelas gak jelas pokoknya itu hehe, maklum cuman lulusan stm jadi bahasanya ngawur ^_^.
Comments
0 Comments