Breaking News
Loading...
March 6, 2013

Cara Membuat Kotak Komentar Facebook di Blogspot

8:36 AM

Cara Membuat Kotak Komentar Facebook di Blogspot
Cara Membuat Kotak Komentar Facebook di Blogspot - Hampir semua pengunjung blog mempunyai akun di Facebook (FB). Jadi selain form / kotak komentar blogger, juga ada box fb comments atau kotak komentar facebook yang bisa dipasang di blog. Dan untuk anda yang kotak komentar blogger akan dihilangkan, caranya cukup mudah. Anda tinggal menuju Dasbor => Setelan => Pos dan Komentar, lalu pilih Sembunyikan. Jadi yang tampil di blog sekarang hanya kotak komentar Facebook. Tampilan form komentar facebook yang ada di blogger sangat mirip sekali dengan facebook yang biasa anda buka di akun facebook anda. Jika anda tertarik ingin merubah kotak komentar blog menajdi kotak komentar facebook, silahkan simak cara membuat kotak komentar facebook di blogspot dibawah ini.

Cara Membuat Kotak Komentar Facebook

Cara Membuat Kotak Komentar Facebook di Blogspot
1. Login ke blogger.com
2. Pada dasbor, pilih Template => Edit HTML
3. Centang Expand Template Widget
4. Tekan F3 dan cari kode yang mirip dengan kode di bawah ini :

<b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.forceIframeComments'>
    <b:include data='post' name='iframe_comments'/>
    <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
    <b:else/>
      <b:include data='post' name='comments'/>
    </b:if>
  <b:else/>
    <b:if cond='data:post.commentSource == 1'>
      <b:include data='post' name='iframe_comments'/>
    <b:else/>
      <b:if cond='data:post.showThreadedComments'>
        <b:include data='post' name='threaded_comments'/>
      <b:else/>
        <b:include data='post' name='comments'/>
      </b:if>
    </b:if>
  </b:if>
</b:includable>

5. Nah pasti diatas kode <b:includable id='comment_picker' var='post'> akan ada kode </b:includable>
6. Silahkan letakkan kode berikut di atas kode </b:includable>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p align='left'><img border='0' height='30' src='http://4.bp.blogspot.com/_VRwISTiabbk/TU66SGiMM6I/AAAAAAAABDA/F08fuVZaWOU/s1600/comment.gif' width='200'/></p>
<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='7' width='500'/>
</b:if>

7. Sehingga penerapannnya seperti dibawah ini :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p align='left'><img border='0' height='30' src='http://4.bp.blogspot.com/_VRwISTiabbk/TU66SGiMM6I/AAAAAAAABDA/F08fuVZaWOU/s1600/comment.gif' width='200'/></p>
<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='7' width='500'/>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.forceIframeComments'>
    <b:include data='post' name='iframe_comments'/>
    <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
    <b:else/>
      <b:include data='post' name='comments'/>
    </b:if>
  <b:else/>
    <b:if cond='data:post.commentSource == 1'>
      <b:include data='post' name='iframe_comments'/>
    <b:else/>
      <b:if cond='data:post.showThreadedComments'>
        <b:include data='post' name='threaded_comments'/>
      <b:else/>
        <b:include data='post' name='comments'/>
      </b:if>
    </b:if>
  </b:if>
</b:includable>

Keterangan :
Angka warna pink yaitu angka 7 (jumlah komentar) dan angka 500 (lebar kotak komentar facebook)

8. Simpan Template

Nah dengan membuat / memasang kotak komentar facebook di blog, setiap ada pengunjung blog berkomentar maka secara otomatis akan ada pemberitahuan di akun facebook anda dan dengan begitu maka teman-teman anda di facebook juga akan melihat blog anda, wah akan nambah pageview blog anda nih. Ok selamat dicoba saja, salam dari Blogger Bondowoso.

Cara Membuat Kotak Komentar Facebook di Blogspot
Share:

0 comments:

Post a Comment

 
Toggle Footer