Kalau berkenan,, Like dulu boss...!!!

Selasa, 17 Juni 2014

Cara Membuat Komen Facebook Muncul di Blog

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'>


<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
Comments
0 Comments

Tidak ada komentar:

Posting Komentar