Tutorial cara memasang atau membuat kotak komentar facebook di blog

Tutorial cara memasang atau membuat kotak komentar facebook di blog

sebelum anda memasang kotak komentar facebook di blog, terlebih dahulu kalian harus menyiapkan  ID Facebook!

bagi yang belum tau ID Facebooknya

Silahkan klik dibawah ini !

Setelah kalian sudah punya ID Facebook, maka ikuti langkah-langkah berikut ini :

Langkah pertama :

- Anda harus masuk ke akun blog (Dashboard)

- Klik opsi lainnya

- Kemudian Klik Template

setelah anda sudah masuk ke Template

-Klik Edit Html

Cari kode dibawah ini : Tekan Ctrl + F

<div class='comments' id='comments'>

Langkah kedua :
 Setelah itu copy (salin) kode script dibawah ini :

<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='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'>
<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> 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'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><script src='http://code.jquery.com/jquery-latest.js'/><meta content='100002645764346 ' 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><style>.comments-page { background-color: #f2f2f2;}#blogger-comments-page { padding: 0px 5px; display: none;}.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;}</style>


Keterangan :
-Angka yang diberi warna hijau adalah ID Facebook, silahkan ganti dengan ID Facebook anda !
- Kemudian paste (Tempel ) tepat dibawah kode div class='comments' id='comments'>

untuk melihat hasilnya : silahkan Klik Pratinjau

Semoga postingan ini dapat bermanfaat buat anda.


Terima Kasih