Cara Membuat Komentar facebook ada Di blog

Hai sahabat atjeh the link, kali ini saya akan mensharing bagaimana caranya agar komentar kita ini bisa muncul di halaman facebook bagi yang berkomentar.

Jadi dengan begitu…setiap yang berkomentar akan muncul dif b nya masing.

Sebenarnya ada beberapa cara untuk membuat nya…tapi kadang kita membuatnya tidak bisa karena kita kurang teliti dengan kita kerja.

Kali ini kita akan menempelkan komentar facebook  berdampingan dengan komentar blog kita
contoh :

Dan komentar itu akan langsung ke facebook orang yang memberi komentar.

Oceyy….kita cukupkan dulu ngomong-ngomongnya…

Berikut langkah-langkah nya ;

1.       Pastikan anda sudah masuk ke

Ø  Blogger  >> dasborard  >> dan kemudian pilih template

2.       Kemudian  lanjutkan Ke  <Edit Html>

3.       Sebelum kita edit pastikan anda simpan dulu template anda…siaga agar siapa tahu tidak berfungsi.

4.       Centangkan dulu Expand Template WIDGET

5.       Silahkan anda cari kode di bawah ini :

“  ]]></b:skin>

6.       Selanjutnya copykan kode di bawah ini di atask kode “  ]]></b:skin>

“  .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;}

7.       Jika sudah siap..lanjutkan lagi untuk mencari kode di bawah ini :

“ </head>

Kemudian copy dan pastekan kode di bawah ini tepat di atas kode </head> yang sudah anda temukan…

“ <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='ID FB Anda disini' 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>

8.       Perhatikan text yang saya garisi warna merah,,, “ ID FB Anda Disini ”

Isikan dengan ID fb Anda Sendiri.

9.       Kemudian cari kode di bawah ini  (

  <div class='comments' id='comments'>

Jika tidak ada coba cari yang  sejenis.  jika ada dua pastekan kode di bawah ini tepat di bawah kode kedua tersebut.

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

Untuk kode yang saya beri warna merah harus anda perhatikan saat anda mempastekan kode sripnya apa sudah ada di bawah,jika sudah ada yang sama bisa anda hapus.

Dan selamat menikmati semoga bermanfaat bagi anda …..

Share on Google Plus

About Unknown

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.