Cara Buat Kolom Komen Facebook Di Blog

 

Cara Buat Kolom Komen Facebook Di Blog

Kelebihan Meletak Kolom Komen pada blog adalah dapat membantu pengunjung kita untuk saling bertanya, 

bukan setakat itu shaja, ia nya dapat menggabungkan situs kita atau dapat memberi notificasion kepada pengunjung apabila kita update artikel baru.!

Hari ini saya konsikan Cara buat kolom komen facebook di blog.!

Mengapa Pilih Kolom Komen Facebook.?

Facebook merupakan salah satu media sosial yang paling populer dan terus mendominasi, 

kepopularan facebook terus bertambah dari tahun ke tahun. 

Kepopularan facebook ini karena facebook terus upgrade diri mulai dari tampilan, interface, fitur-fitur yang disediakan, dan lain sebagainya. 

Statistik Ditahun 2019, pengguna facebook naik hampir 15 persen dengan jumlah pengguna lebih dari  2,5 Billion pengguna aktif dibandingkan dengan tahun sebelumnya.

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

Agar blog menjadi cantik dan menarik rasanya kurang kalau blog kita tidak boleh meletakkan komen dari akun facebook, 

bahkan dari pengunjung blog yang tidak mempunyai akun google (gmail) akan agak susah berkomen di blog kita apabila blog kita hanya menyediakan komen akun google 

tanpa ada komen via facebook.

Pasti akan ramai yang tanya kenapa harus komen via facebook?

Sebenarnya "tidak harus", karena membuat kolom komen facebook hanyalah jalan lain untuk beri komen, 

dan juga sebagai sarana bagi mereka yang ingin beri komen dengan akun facebook, mungkin dengan kendala tidak mempunyai akun google.

okay, mari kita lanjut sahaja inilah cara membuat kolom komen 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 semua kode script di bawah ini, dan kemudian paste kan 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>

atau anda juga boleh gunakan code di bawah

 <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 atau user name fans page anda

8. Ganti tulisan IDFANSPAGEFACEBOOK dengan ID atau username Fans page facebook anda, Macam caranya :

Login akun facebook anda

Kemudian pilih halaman facebook anda

Pilih General atau edit info dan akan muncul INFO HALAMAN

Lepas tu tengok paling bawah, disitu ada ID Halaman Facebook anda

9. Selanjutnya ganti tulisan IDFANSPAGEFACEBOOK  dengan ID Halaman Facebook anda

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 boleh maka boleh menggukanan kode <div class='comments' id='comments'> yang bawah

ID Halaman facebook / ID Fans page facebook biasanya berbentuk angka / nomor

Yeah dah siap...

senang je kan???