Cara untuk memunculkan komentar Facebook di blog..!!!
Tidak semua pembaca di blog mempuayai akun google,Nah untuk Pengunjung yang tidak mempunyai akun google dan ingin berkomentar ,berinteraksi dengan yang punya blog,,Pengunjung dapat menggunakan sosial media Facebook,,Karena rata rata mayoritas masyarakat dunia mempunyai akun Facebook
Ok,,langsung saja cara membuatnya
1.login blog tentunya,,masuk Dashboard
2.klik Template
3.pilih edit HTML
Cari kode <div class='comments' id='comments'> mungkin susah kalu mencari deretan yang begitu banyak supaya cepat tekan CTRL +F pada keyboard,setelah ketemua
Masukan kode di bawah ini letakan di bawahnya kode <div class='comments' id='comments'>
Tidak semua pembaca di blog mempuayai akun google,Nah untuk Pengunjung yang tidak mempunyai akun google dan ingin berkomentar ,berinteraksi dengan yang punya blog,,Pengunjung dapat menggunakan sosial media Facebook,,Karena rata rata mayoritas masyarakat dunia mempunyai akun Facebook
Ok,,langsung saja cara membuatnya
1.login blog tentunya,,masuk Dashboard
2.klik Template
3.pilih edit HTML
Cari kode <div class='comments' id='comments'> mungkin susah kalu mencari deretan yang begitu banyak supaya cepat tekan CTRL +F pada keyboard,setelah ketemua
Masukan kode di bawah ini letakan di bawahnya kode <div class='comments' id='comments'>
<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' 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("#blogger-comments");' 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 == "item"'><div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='450'/></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='100000420251709' property='fb:admins'/><script type='text/javascript'>function commentToggle(selectTab) {$(".comments-tab").addClass("inactive-select-tab");$(selectTab).removeClass("inactive-select-tab");$(".comments-page").hide();$(selectTab + "-page").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>
Warna merah adalah kode Facbook kita dan silahkan ubah warna beground sesui selera kita
Untuk mengetahui id Facebook kita, buka Facebook login klik Photo profil kemudian pilih view page info pilih general(lewat broweser mozila)
Demikian semoga bermanfaat