3 Cara Untuk membuat Komentar Facebok untuk Blogger

[MayCyber] - Biasa nya ketika kita membuat sebuah Blog baru adalah tidak bisa menggunakan komentar melalui perantara Facebook. Dan sebagian orang pasti terhubung dengan "Facebook" jadi biar agar lebih mudah berkomentar di sebuah website atau Blogger adalah menggunakan komentar melalui Facebook dengan menggunakan aku masing-masing ya. Sekarang yang kita bahas adalah " Komentar Facebook di Blogger"yuk kita bahas, anda pasti hampir setiap hari mengunjungi sebuah website/blog jika searching melalui Google. Dan kalian ingin sekali Berkomentar atau Berterima kasih sama orang yang telah memposting artikel yang bermanfaat itu, tapi ketika ingin komentar disitu cuma bisa berkomentar melalui blogger. Tapi anda harus login dulu melalui akun google, itukan kelamaan ya;D nah kali ini blog maycyber-download, mau bagikan satu buah script java untuk komentar facebook.
Sebelum melakukan tutorial ini, disarankan backup dulu Template anda ( Misalkan simpan semua kode template ke notepad ) Tujuan nanti jika terjadi kesalahan atau tidak sesuai dengan keinginan anda maka mudah untuk dikembalikan seperti semua.

Screenshoot:

- Gambar telah disensor!

Cara Pertama:

1. Masuk ke akun blogger anda.
2. Pilih menu Template -> Edit HTML
3. Cari kode ( CTRL + F ) ini <div class='comments' id='comments'>
4. Jika sudah ketemu letakan kode yang tulisan merah diatas, tepat sekali di bawahnya.
5. Copy-Paste kode berikut ini, letakkan 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='400'/></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='ID Facebook Anda' 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. Silakan Ganti yang berwarna merah dengan ID Facebook Anda.
7. Simpan Template!

Cara Kedua:

1. Masuk ke Blogger.
2. Pilih menu Template -> Edit HTML.
3. Copy-Paste kode berikut ini, dibawah kode <head>

<meta property="fb:app_id" content="YOUR_APPLICATION_ID"/>

4. Silakan ganti yang berwarna merah, dengan ID Facebook Anda.
5. Copy-paste lagi kode berikut ini tepat dibawah kode <div class='comments' id='comments'>

<b:if cond='data:post.isFirstPost'> <script>(function(d){ var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;} js = d.createElement('script'); js.id = id; js.async = true; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; d.getElementsByTagName('head')[0].appendChild(js); }(document));</script> </b:if> <a expr:href='data:post.url + "#fb-root"'><fb:comments-count expr:href='data:post.canonicalUrl'/> comments</a>

<b:if cond='data:blog.pageType == "item"'> <div id='fb-root'/> <script>(function(d){ var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;} js = d.createElement('script'); js.id = id; js.async = true; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; d.getElementsByTagName('head')[0].appendChild(js); }(document));</script> <div style='margin: 20px 0 0 0;'><fb:comments colorscheme='light' expr:href='data:post.canonicalUrl' expr:title='data:post.title' expr:xid='data:post.id' width='600'/></div> </b:if>

6. Done! Simpan Template Anda.

Cara ketiga:

1. Masuk ke Blogger anda.
2. Pilih menu Template -> Edit HTML.
3. Copy-Paste kode berikut ini tepat dibawah kode <body>

4. Selesai, Copy-paste lagi kode berikut ini dibawah kode <div class='comments' id='comments'>

<b:if cond='data:blog.pageType == "item"'>
<div style='margin-top:20px'>
<div class='fb-comments' data-num-posts='5' data-width='600' expr:data-href='data:blog.url'/>
</div>
</b:if>

5. Simpan, Oke sekarang klik postingan anda, apakah muncul komentar facebook atau tidak.

Keterangan: Sebaiknya pilih cara pertama, atau cara kedua, atau mungkin cara ketiga^.^ Jika cara satu tidak bisa, pakailah cara kedua, jika cara kedua tidak bisa juga, pakailah cara ketiga. Selamat mencoba ^.^

Semoga Bermanfaat!