Cara Menciptakan Kolom Komentar Facebook Di Blog
CARA MEMBUAT KOLOM KOMENTAR FACEBOOK DI BLOG
Facebook merupakan salah satu media umum yang paling terkenal dan terus mendominasi, kepopuleran facebook terus bertambah dari tahun ke tahun. Kepopuleran facebook ini alasannya yaitu 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 bagus dan menarik rasanya kurang kalau blog kita tidak sanggup mencantumkan komentar dari akun facebook, bahkan dari pengunjung blog yang tidak memiliki 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", alasannya yaitu menciptakan kolom komentar facebook hanyalah jalan lain untuk berkomentar, dan juga sebagai sarana bagi mereka yang ingin berkomentar dengan akun facebook, mungkin dengan hambatan tidak memiliki akun google.
ok, pribadi saja inilah cara menciptakan 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 instruksi yang sama, tapi anda pilih yang pertama
6. Copy instruksi script di bawah ini, dan lalu pastekan sempurna 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'/>
<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>
<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 goresan pena 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 goresan pena IDFANSPAGEFACEBOOK dengan ID Halaman Facebook anda
nb:
- pastinya anda harus punya hamalan atau fans page facebook terlebih dahulu
- jika instruksi <div class='comments' id='comments'> ada 2 (dua), maka lebih diutamakan instruksi yang atas
- jika kode <div class='comments' id='comments'> yang atas tidak sanggup maka sanggup menggukanan kode <div class='comments' id='comments'> yang bawah
- ID Halaman facebook / ID Fans page facebook biasanya berbentuk angka / nomor
SELESAI...
Praktis bukan???
Oke sekian tutorial yang sanggup saya berikan, supaya bermanfaat
Terima Kasih
Oke sekian tutorial yang sanggup saya berikan, supaya bermanfaat
Terima Kasih
