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.




KOMENTAR DISINI

ARTIKEL TERBARU:

cara membuat dan memasang live traffic feed-visitors alias pengunjung

cara memasang live traffic feed atau melihat jumlah pengunjung blog saat itu juga. bahkan bisa melihat artikel apa saja yang sedang di buka.
tampilanya seperti ini

 petama klik  http://feedjit.com
 setelah iti akan muncul seperti ini




sesuaikan panjang dan lebar tampilan trafficnya sesuai selera juragan, juragan juga bisa merubah warna tampilan juragan. setelahselesai klik GO. dan akan muncul tampilan seperti ini


copy script tersebut dan masukan ke blog juragan.  
caranya login ke blogger juragan, dan klik rancangan/layout tambah  HTML javascript dan pastekan dan lihat hasilnya.



KOMENTAR DISINI

ARTIKEL TERBARU: