12 Apr 2014

Cara Memasang Komentar Facebook di Blog Blogspot

Cara Memasang Komentar Facebook di Blog Blogspot – Komentar facebook meruapakan salah satu alternatif untuk mempermudah para penulis blog atau yang biasa kita sebut dengan blogger untuk berkomunikasi dengan para pembacanya dalam tulisan, misalnya saja ada pembaca merasa kesulitan untuk mengikuti tutorial atau tips yang diberikan oleh penulis, atau bisa juga pembaca sulit memahami materi-materi yang ditulis oleh blogger, seperti saya ini yang menulis tentang ilmu pengetahuan di blog Garda Pengetahuan, banyak diantara pembaca yang menanyakan berbagai hal di kotak komentar facebook yang ada di blog saya. Jadi, cukup penting untuk memasang script yang satu ini di blog anda.

Cara Memasang Komentar Facebook di Blog

Facebook

1. Masuk ke blogger.com jika kamu menggunakan blogspot
2. Keudian pilih Template lalu Edit HTML
3. Cari kode <div class='comments' id='comments'>  dengan menekan ctrl+f setelah ketemu, letakkan kode dibawah ini tepat dibawahnya:


<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='460'/></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 Sobat ' 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>


4 .Ganti tulisan ID Facebook Sobat dengan ID Facebook sobat. (tapi berdasarkan pengalaman saya, bisa juga anda tidak menggantinya
5.Save dan lihat hasilnya.

Jika langkah yang anda lakukan benar maka hasilnya nanti akan seperti ini.

Komentar Facebook di Blog

Memasang Komentar Facebook di Blog Blogspot dapat menjadi alternatif anda untuk menghasilkan pengunjung dari facebook, karena orang yang berkomentar akan terlihat di facebook.

4 komentar:

  1. Boleh juga nih caranya, jadi bisa komentar tanpa harus masuk ke halaman facebook :)

    ReplyDelete
  2. izin copas widget comment gan, kunjungi balik gan ilmunews.blogspot.com

    ReplyDelete