Cara memasang sosial plugin comment DIBLOGER bannerfans_36599691

Sunday, March 25, 2012

Cara memasang sosial plugin comment DIBLOGER

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. Ctrl + F > cari kode berikut <div class='post-footer'>
  3.  Letakkan kode berikut tepat di atas kode di atas : <div class="fb-comments" data-href="http://saputago.blogspot.com" data-num-posts="2" data-width="500"></div> keterangan : ganti tulisan warna merah 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 petunjuk ku. in pengalaman kemaren pas waktu coba" ngoprek template default blogger. al hasil bisa di lihat di marihttp://patnerpx.blogspot.com


Baca Artikel lainya:

0 komentar:

Post a Comment