Cara Mudah Memasang Komentar Facebook Di Blog

Cara Mudah Memasang Komentar Facebook Di Blog - Pada kesempatan ini, saya akan menjelaskan bagaimana Cara Mudah Membuat / Menambahkan Komentar Facebook Berdampingan dengan Blogger tujuannya, agar pengguna facebook yang akan melihat blog kita akan diberi kemudahan untuk berkomentar diblog kita.

Mungkin, para pengunjung sobat kebanyakan bukan para publisher Blogger, atau masih belum mempunyai akun email gmail di Google. Jadi, mereka gak bisa berkomentar di kotak komentar facebook yang sudah sobat buat. Dan, sangat tidak mungkin sekali, para pengunjung blog sobat gak punya akun facebook. Pastinya semua punya akun facebook. (Baca juga: Cara Membuat Email Baru Gmail Mudah Di Google Terbaru 2014)

Nah, maka dari itu untuk mengikuti tutorial ini Cara Mudah Membuat Komentar Facebook Di Blog memudahkan pengunjung untuk berkomentar di blog sobat. Mungkin saja, pengunjung sobat tertarik untuk berkomentar di kotak komentar facebook yang berdampingan dengan blogger karena artikel atau konten sobat unik dan menarik. Maka dari itu, pengunjung tertarik untuk berkomentar.

Tutorial ini khusus buat Anda visitor setia maupun baru-baru ini membuka web saya untuk pertama kalinya. (―˛―“) Kenapa khusus? Karena saya sering blogwalking, atau ngeliat-liat tutorial blog seperti ini lebih rumit dan saya coba ternyata tidak bisa atau tidak terpasang (error). Oleh karena itu, tutorial yang satu ini spesial. Dijamin, tutorial ini akan berhasil dan mempermudah.

Komentar facebook ini berdampingan, atau bersebelahan dengan komentar blogger. Jika ditemplate Anda sudah ada, ya sudah... Saya cuma ingin memberitahu kepada teman-teman yang belum terpasang komentar facebook. Sangat mudah sekali ini kawan...

1. Anda harus tau nomor ID facebook milik Anda. Caranya: 

Buka kronologi/profil facebook Anda. Dibagian kotak URL, sudah tersedia ID facebook Anda. Seperti gambar dibawah ini: tertera Fahmifanirius

Langkah selanjutnya, buka https://graph.facebook.com/ID Facebook Ganti tulisan ID Facebook dengan ID facebook tadi. Contoh: https://graph.facebook.com/Fahmifanirius 

Setelah itu, Anda akan menemukan nomor ID facebook Anda

Setelah ketemu nomor ID Facebook, mari lanjut ketahap selanjutnya. 

2. Login Blogger 

3. Template 

4. Edit HTML 

5. Cari kode <div class='comments' id='comments'> (agar lebih memudahakan pencarian, klik Ctrl+F secara bersamaan pada keyboard) 

6. Setelah ketemu kode diatas, letakkan kode dibawah ini tepat DIBAWAH 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='500'/></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='Nomor ID Facebook' 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>

*Tulisan Nomor ID Facebook, ganti dengan nomor ID Facebook yg sudah Anda cari tadi.

7. Simpan perubahan 

Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. 

Semoga berhasil... ˆ⌣ˆ

Tutorial Blogger