cara membuat dan memasang komentar facebook di blog

saat kita memiliki website atau blog tentunya kita memerlukan komentar,kritik dan saran saran para pengunjung blog kita. tentunya kita tidak mau membuat pengunjung kesusahan buat mau berkomentar dengan kolom komentar bawaan blog, makanya kita buat blog kita ada kolom komentar facebook di blog  seperti ini


IKUTI LANGKAH PEMBUATANYA


  1. buka profil facebook anda kemudian siapkan ID facebook anda seperti ini




    klik gambar untuk memperjelas
     
  2. langkah kedua copy url ini  https://graph.facebook.com/ID Facebook  ganti tulisan berwarna merah tersebut dengan ID name facebook anda seperti ini https://graph.facebook.com/bantoel.cell
  3. kemudian paste di url browser anda lalu akan muncul id anda seperti ini
  4. setelah ketemu id anda , sekarang masuk ke blogger anda edit HTML dan cari kode
    <div class='comments' id='comments'>  untuk mempermudah pencarian tekan ctrl + f dan cari kode   <div class='comments' id='comments'>  setelah ketemu copy script di bawah dan gan letakan di bawah kode    <div class='comments' id='comments'>
    catatan :
    ada beberapa kode yang sama biasanya yang pas ada di no 2. misalkan masih belum bisa coba yang lain

     
  5. <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='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='ID Facebook' 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>

setelah selesai pada tulisan meta content='ID Facebook berwarna merah tersebut ganti dengan ID facebook anda tadi dan lihat hasilnya.




Share :

Facebook

ARTIKEL TERBARU:

0 Response to "cara membuat dan memasang komentar facebook di blog"

Posting Komentar

Berkomentarlah jika ada yang dubutuhkan