Blooglog

Tutorial Ngeblog, Tips dan Trik Tentang Ngeblog

Cara Memasang Komentar Facebook di Blogspot

Cara Memasang Komentar Facebook di Blogspot – Untuk dapat berinteraksi dengan para pengunjung blog/web Anda, tentunya cara termudah adalah memberikan kolom komentar. Sehingga para pengunjung akan bisa memberikan seputar review atau pertanyaan dari artikel yang telah dibacanya.

Ada juga yang hanya menyediakan form kontak yang tentunya akan membuat pengunjung berpikir terlalu lama untuk memberikan tanggapnya di form tersebut. Nah, disaat ini hampir sebagian pengguna internet pasti menggunakan media sosial Facebook. Maka dari itu cara termudah agar para pengunjung dapat memberikan komentar pada setiap artikel Anda adalah memasang komentar Facebook.

Selain mudah dan cepat, pengunjung tidak perlu lagi login menggunakan akun-akun lain untuk memberikan komentar pada artikel blog/web Anda.

Sebenarnya sudah banyak tentang tutorial Cara Memasang Komentar Facebook di Blogspot ini, akan tetapi masih banyak juga yang belum mengetahui tentang cara ini.

Okelah mari kita simak untuk tutorial Cara Memasang Komentar Facebook di Blogspot.

1. Yang pertama perlu Anda miliki adalah akun Facebook tentunya.

2. Login ke blogger Anda dan langsung menuju “EDIT HTML“.

Cara Memasang Komentar Facebook di Blogspot

3. Setelah itu cari kode “<div class='comments' id='comments'>“, gunakan CTRL + F agar lebih mudah.

4. Anda akan menemukan kurang lebih 2 buah kode yang sama. Biasanya kode tersebut untuk komentar pada Laman dan satunya pada Pos.

5. Copykan kode di bawah ini tepat berada di bawah code “<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://blooglog.com/wp-content/uploads/2017/04/facebookIco.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='IDFPFACEBOOK' 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>

6. Gantilah “IDFPFACEBOOK” dengan ID facebook Anda.

7. Cara menemukan ID facebook Anda dapat mengunjungi findmyfbid.com dan isikan URL facebook beranda Anda atau bisa juga menggunakan ID Fanpage Anda dengan melihatnya pada menu About pada Fanpage.

8. Simpan template dan lihat hasilnya.

9. Jika berhasil maka akan terlihat seperti gambar dibawah ini atau cek demo.

Cara Memasang Komentar Facebook di Blogspot

Untuk mengatur lebar dari komentar, Anda bisa menggantinya sendiri pada kode yang berwarna biru width:=’500′.

Dengan Memasang Komentar Facebook seperti ini, tentu sangat akan mempermudah pengunjung blog. Selamat mencoba semoga bermanfaat.

Tinggalkan Komentar

Blooglog © 2017 Frontier Theme