detikjam.com - Cara Membuat Kolom Komentar Diblogger Menggunakan Facebook, 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.
Bagaimana cara memasang/install kotak komentar Facebook di blog berbasis Blogger Blogspot?
Ada beberapa tahapan yang harus dilakukan. Selama mencoba trik ini disarankan memakai dummy blog (blog khusus untuk percobaan) agar kalau gagal tidak pusing.- Pastinya anda harus login ke blog anda
- Pada Dasbor blog anda, masuk ke Template
- Klik Edit HTML
- Cari kode <div class='comments' id='comments'> (cara mudahnya dengan tekan Ctrl+F pada keybooard)
- Biasanya akan ada 2 kode yang sama, tapi anda pilih yang pertama
- 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>
- Kemudian cari tulisan IDFANSPAGEFACEBOOK
- Ganti tulisan IDFANSPAGEFACEBOOK dengan Nomor ID Fans page facebook anda caranya :
- Selanjutnya ganti tulisan IDFANSPAGEFACEBOOK dengan ID Halaman Facebook anda
- 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
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