Home » » Berbagai macam cara membuat Komentar Facebook di bawah posting blogger

Berbagai macam cara membuat Komentar Facebook di bawah posting blogger

Written By Parmin Prim on 06 Agustus 2012 | 08.47

Membuat komentar Facebook di bawah postingan Blogger merupakan cara yang sangat baik untuk mempopulerkan blog. Setiap orang yang memberi komen di blogger, maka akan tampil juga di wall Facebook, sehingga hal ini akan memungkinkan para pengunjung Facebook makin berminat melihat postingan kita.  Begitu sebaliknya artikel yang tampil di Facebook bisa langsung di komentari oleh pengunjung Facebook yang juga akan tampil langsung di blogger.  Cara ini sudah tidak asing lagi bagi para pecinta blogger. Mereka berlomba-lomba untuk melakukannya dengan tujuan untuk menaikkan traffic blognya masing-masing.

Berbagai macam artikel dari blog mungkin sudah ratusan yang membuat postingan tentang Cara Membuat Komentar Facebook di postingan blogger. Sebelumnya saya sudah pernah membuat postingan tentang ini dengan judul Membuat komentar Facebook di Blogger di mana saat itu saya masih menggunakan Template blog lain. Dan seakarang saat saya mengganti template blog ternyata perintah tersebut tidak bisa berjalan.  Kesimpulan saya adalah ternyata template blog yang digunakan juga berpengaruh terhadap perintah Komentar Facebook di blogger ini.


Nah, setelah search kesana kemari akhirnya ketemu perintah yang bisa menjalankan Membuat komentar Facebook di bawah postingan Blogger. Berikut saya sharing beberapa perintah untuk Membuat komentar Facebook di bawah postingan Blogger yang dapat anda coba, silahkan dipilih mana yang paling cocok.

Langkah-langkah :
  • Masuk ke Akun blogger anda.
  • Pilih Blog yang kamu inginkan
  • Pilih Template
  • Sebelum melanjutkan ada baiknya anda amankan dulu template aslinya untuk menjaga mana tahu kode-kode HTML yang anda rubah membuat berantakan hasilnya. Caranya adalah klik Cadangkan/Pulihkan disebelah kanan atas dan pilih Unduh template Lengkap. Setelah itu baru langkah berikutnya.
  • Klik Edit HTML, pillih Lanjutkan.
CARA PERTAMA
  • Check List
  • Tekan Ctrl F dan cari kode berikut ini : <b:includable id='status-message'> dan lihat di bagian atasnya ada kode </b:includable>Lalu copy dan pastekan kode dibawah ini diatas kode </b:includable> tersebut.

  • <b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='fb-root'/> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> <fb:comments expr:href='data:post.url' num_posts='5' width='500'/> </b:if>

  • Terakhir simpan template anda, dan lihat hasilnya Kotak Komentar dari Facebook akan ada di setiap postingan anda.
Bila cara diatas tidak berhasil coba :

CARA KEDUA
  • Pastikan Expand Template Widget di sebelah kiri atas di aktifkan
  • Cari kode <div class='comments' id='comments'> dengan menggunakan Ctrl F
  • Jika terdapat 2 buah gunakan yang kedua (yang dibawah).
  • Pastekan kode di bawah ini tepat dibawah kode yang sudah ditemukan di atas.

  • <div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'> <img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/> <fb:comments-count expr:href='data:post.url'/> Comments </div> <div class='clear'/> </div> <div class='comments-page' id='fb-comments-page'> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='fb-root'/> <fb:comments expr:href='data:post.url' num_posts='2' width='500'/> </b:if> </div> <div class='comments comments-page' id='blogger-comments-page'>



  • Untuk Width='500' digunakan untuk mengatur lebar area komentar, silahkan atur menurut anda masing-masing.
  • Kemudian cari kode  /* Comments atau /# Comments lalu pastekan kode di bawah ini tepat di bawah kode tersebut.

  • .comments-page { background-color: #f2f2f2;}
    .comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;}
    .comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}
    .comments-tab:hover { background-color: #eeeeee;}
    .inactive-select-tab { background-color: #d1d1d1;}
    }



  • Langkah berikutnya cari kode </head> dan pastekan kode di bawah ini tepat di atas kode </head> tersebut.

  • <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> <script src='http://code.jquery.com/jquery-latest.js'/> <meta content='parmin prim' property='fb:admins'/> <script type='text/javascript'> function commentToggle(selectTab) { $(&quot;.comments-tab&quot;).addClass(&quot;inactive-select-tab&quot;); $(selectTab).removeClass(&quot;inactive-select-tab&quot;); $(&quot;.comments-page&quot;).hide(); $(selectTab + &quot;-page&quot;).show(); } </script>



  • Untuk nama parmin prim silahkan ganti dengan nama akun Facebook anda dan jangan lupa disimpan.
Share this article :

4 komentar:

  1. thanks. infonya gan.. mantap..!

    BalasHapus
  2. Thanks. ya Surya sudah berkunjung, semoga bermanfaat.

    BalasHapus
  3. terimakasih gan atas infonya salam kenal yah gan
    maaf gan numpang promonya yah
    rajalistrik.com ialah toko online kami yang menjual produk-produk teknik industri terbesar, terlengkap, termurah, dan terpercaya di Indonesia yang menawarkan lebih dari 200.000 item produk dari kurang lebih 200 merek. rajalistrik.com berupaya memudahkan Anda untuk mendapatkan produk-produk teknik yang Anda inginkan dengan jaminan orisinalitas, kemudahan bertransaksi, kecepatan pengiriman, dan harga yang kompetitif.http://rajalistrik.com/

    BalasHapus
    Balasan
    1. Salam kenal juga. Thanks udah berkunjung.

      Hapus

Popular Posts

Posting Update

Chat Langsung

Diberdayakan oleh Blogger.

Follow by Email

 
Support : Primaya | Masprim | My Facebook
Redesain © 2015. primaya.blogspot.co.id - All Rights Reserved
Template Source from Creating Website
Proudly powered by Blogger