Jumat, 17 Oktober 2014

,

Cara Memasang Komen FB di Blogspot

FB merupakan sosial ang paling populer di dunia, meski pada akhir 2014 ini trend penggunaan facebook mulai bergeser pada sosial media lainya seperti twitter, path, atau mungkin nanti ada yang lain, namun facebook tetap pada peringkat 3 besar situs terpopuler di Indonesia versi alexa setelah google.co.id dan google.com. dan Menduduki peringkat kedua dunia. Selain banaknya pengguna sosial media FB, FB juga memiliki kelebiha dengan berbagai fitur yang bisa diintergrasikan dengan produk lain.Misal kita mau registre di sebuah forum kadang kita akan menemui registrasi dengan akun FB. oleh sebab itu sangat banyak kelebihanya jika kita menggunakan facebook untuk meramaikan blog kita dengan memasang komen dengan akun facebook seperti pada gambar dibawah ini.


meski pada blog saya yang ini tidak saya pasang koment FB bukan berarti memasang koment FB tidak baik, saya memang sengaja batasi hanya dengan komen yang ada pada Fitur Blogspot, karena kesibukan kerja. tapi pada blog saya yang lain saya menggunakan komen FB.

Cara memasang Komen FB pada Blogger ;


Siapkan Notepad dan simpan kode id FB kita di notepad untuk mempermudah, cara mendapatkan kode id FB kita

Silahkan masuk kehalaman profil FB kita, kita akan melihat URL www.facebook.com/id-kita  seperti pada gambar dibawah


lalu kita masuk ke https://graph.facebook.com/ID Facebook  pada bagian ID facebook yang berwarna merah ganti dengan id kita misal jika puna saya https://graph.facebook.com/fahmiadestya  maka akan muncul kode ID facebook kita seperti dibawah ini yang kita beri warna biru.


Selanjutnya masuk kedasboard blog kita kita masuk ke Template >> Edit HTML Seperti pada gambar dibawah ini, 


Setelah masuk Edit HTML kita cari kode <div class='comments' id='comments'> agar muda caranya kita search dengan menekan tomblol ctrl+F seperti pada gambar dibawah ini, tinggal copykan code tersebut pada kolom search lalu tekan Enter


Jika sudah ketemu kode tersebut silahkan pastekan kode berikut tepat dibawah kode <div class='comments' id='comments'> ada dua kita pilih kode yang kedua atau yang paling bawah.

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'>
<img class='comments-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq6AAz1Yg3sSN7Bx9Vgh7a7_uCoyfQ_eVGkjUWmPMuOkyPVxW7CBWBJo-ihcTiT-63wazaUU_mXgEG0q9ZAYswlSJI60KUYb-4XhqukRR-ipbGbTk3sQkgBCUtkORCUvVPVFNzQ8zYRbw/s1600/fb_bw.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>


 bagian yang berwarna merah ganti dengan kode ID facebook kita, lalu save . Silahkan kita cek haasil kerja kita, jika belum muncul tes dengan memuat komen baru
Share:

1 komentar: