Cara Pasang Komentar Facebook di blog

Sofyan Arif

Wednesday, March 12, 2014

Bagikan :

Tweet

Ketika anda memakai blog, tentunya berharap ada yang memberi komentar pada postingan anda. Nah salah satu yang memberi komentar bisa dari facebook. Karena nantinya postingan anda akan sangat mudah dikomentari. Seperti gambar di bawah ini. Nah caranya sangat sederhana sekali.

• Pertama anda harus tahu ID Facebook anda. Jika belum tahu ketikkan pada url :https://graph.facebook.com/ID Facebook. Gantilah ID Facebook dengan id username anda. Sebagai contoh id facebook saya : https://graph.facebook.com/soefyanarif. Maka akan muncul:

   { "id": "1174407564",

   "name": "M Sofyan Arif",

   "first_name": "M",

   "middle_name": "Sofyan",

   "last_name": "Arif",

   "link": "http://www.facebook.com/soefyanarif",

   "gender": "male",

   "locale": "id_ID",

   "username": "soefyanarif" }

• Langkah selanjutnya anda masuk ke dashboard pada akun blogger anda, kemudian masuk ke template - edit html. Setelah itu carilah kode ini "<div class='comments' id='comments'>". Agar lebih mudah CTRL + F kemudian masukkan kata itu. Setelah kode di atas ditemukan kemudian pastekan kode berikut di bawah "<div class='comments' id='comments'>"

<div class='comments-tab' id='fb-comments'

onclick='javascript:commentToggle(&quot;#fb-comments&quot;);'

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(&quot;#blogger-comments&quot;);'

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 ==

&quot;item&quot;'><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='1174407564' 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>

• Gantilah id facebook yang berwarna merah dengan id facebook anda.
• Terakhir saya hanya ngucapin semoga berhasil. Saya doakan sukses selalu buat anda semua. Aamiin.

Tag : Tutorial Blog