CARA MEMBUAT KOLOM KOMENTAR FACEBOOK DI BLOG

CARA MEMBUAT KOLOM KOMENTAR FACEBOOK DI BLOG

Facebook merupakan salah satu media sosial yang paling populer dan terus mendominasi, kepopuleran facebook terus bertambah dari tahun ke tahun. Kepopuleran facebook ini karena facebook terus upgrade diri mulai dari tampilan, interface, fitur-fitur yang disediakan, dan lain sebagainya. Ditahun 2018 ini, pengguna facebook naik hampir 15 persen dengan jumlah pengguna lebih dari 2,17 miliar dibandingkan dengan tahun sebelumnya.

Oke kali ini kita akan memanfaatkan fitur dari facebook, disini saya akan memanfaatkan kolom komentar facebook di blog.

Agar blog menjadi cantik dan menarik rasanya kurang kalau blog kita tidak bisa mencantumkan komentar dari akun facebook, bahkan dari pengunjung blog yang tidak mempunyai akun google (gmail) akan kesulitan berkomentar di blog kita apabila blog kita hanya menyediakan komentar via akun google tanpa ada komentar via facebook.

Pasti banyak pertanyaan kenapa harus komen via facebook?

Sebenarnya "tidak harus", karena membuat kolom komentar facebook hanyalah jalan lain untuk berkomentar, dan juga sebagai sarana bagi mereka yang ingin berkomentar dengan akun facebook, mungkin dengan kendala tidak mempunyai akun google.

ok, langsung saja inilah cara membuat kolom komentar facebook di blog :

1. Pastinya anda harus login ke blog anda

2. Pada Dasbor blog anda, masuk ke Template

3. Klik Edit HTML

4. Cari kode <div class='comments' id='comments'> (cara mudahnya dengan tekan Ctrl+F pada keybooard)

5. Biasanya akan ada 2 kode yang sama, tapi anda pilih yang pertama

6. Copy kode script di bawah ini, dan kemudian pastekan tepat di bawah 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='550'/></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='IDFANSPAGEFACEBOOK' 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>

7. Kemudian cari tulisan IDFANSPAGEFACEBOOK
8. Ganti tulisan IDFANSPAGEFACEBOOK dengan Nomor ID Fans page facebook anda, caranya :

• Login akun facebook anda
• Kemudian pilih halaman facebook anda

• Pilih Tentang dan akan muncul INFO HALAMAN

• Lalu lihat paling bawah, disitu ada ID Halaman Facebook anda

9. Selanjutnya ganti tulisan IDFANSPAGEFACEBOOK  dengan ID Halaman Facebook anda

nb:

• pastinya anda harus punya hamalan atau fans page facebook terlebih dahulu
• jika kode <div class='comments' id='comments'> ada 2 (dua), maka lebih diutamakan kode yang atas
• jika kode <div class='comments' id='comments'> yang atas tidak bisa maka bisa menggukanan kode <div class='comments' id='comments'> yang bawah
• ID Halaman facebook / ID Fans page facebook biasanya berbentuk angka / nomor

SELESAI...

Mudah bukan???

Oke sekian tutorial yang dapat saya berikan, semoga bermanfaat
Terima Kasih

Tweet