Sunday, 28 August 2016

Cara Gampang Membuat Kotak Komentar Facebook di Blog


Sigli Cyber- Dengan memasang kotak komentar facebook di blog, pengunjung blog tidak akan susah lagi berkomentar jika mereka tidak mempunyai akun google, dan kotak komentar tersebut juga berfungsi untuk menaikkan traffic like fanspage sobat!

Cara Membuat Kotak Komentar Facebook di Blog sangatlah mudah, berikut caranya:
  1. Anda kunjungi https://developers.facebook.com/docs/plugins/comments
  2. Isi semua kolom seperti width dan number of posts
  3. Jika langkah di atas telah selesai klik get code
  4. Copas kode yang pertama dan letakkan di bawah tag <body>



 5. Simpan template


Cara di atas sudah saya terapkan dan work!
Namun jika tidak work di template sobat maka gunakan cara berikut:
1. Login ke akun blogger sobat
2. Pada Dasbor blog anda, masuk ke Template, Lalu pilih Edit HTML
3. Cari Kode : <div class='comments' id='comments'>
4. Copy Kode Script yang ada di bawah ini, dan selanjunya Pastekan tepat 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='550'/></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='IDFANPAGEFACEBOOK' 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>

NB: Ganti tulisan warna merah dengan ID Fanspage sobat!

0 comments:

Post a Comment

Silahkan Anda Berkomentar Dengan Baik dan Sopan.

~Pesan Komentar Yang Menyertakan Link Hidup,SPAM,JUNK ,dan sejenisnya ,akan Saya Hapus Dari Postingan ini.

~Bagi Yang Meng-Follow Blog Ini,Jangan Lupa Dikonfirmasi Agar Saya Bisa Meng-Follow sobat kembali

~Maaf juga jika saya sering kali tidak membalas komentar dari Anda

Komentar Anda sangat bermanfaat untuk perkembangan blog ini. Terima Kasih!!!