Senin, 04 November 2013

cara memasang koment facebook di blog



cara memasang facebook di blog









Facebook comments box
inilah tips dari anggiterpadu mengenaicara memasang coments box di blog.
Facebook Comments Box memang sudah marak digunakan oleh blogger. selain penggunaannya relatif mudah, juga interaksi antara pengunjung blog dengan pemilik menjadi lebih dekat. Dijaman sekarang ini siapa yang gak punya akun facebook sudah dikatakan katrok alias ketinggalan jaman. oleh karena itulah facebook comments box ini sangat cocok untuk media komunikasi antara pengunjung dan pemilik blog. jika sobat blogger ingin memasang Facebook Comments Box Pada Blog pada blog sobat silahkan ikuti langkah2 berikut ini :

Cara Memasang Kotak Komentar Facebook Di Blog.

1. Masuk keakun blog sobat
2. Pilih Template --> Edit HTML
3. Cari kode  <div class='comments' id='comments'> dan letakkan kode dibawah ini tepat dibawah kode <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='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>
Keterangan :
  • Jika terdapat 2 kode  <div class='comments' id='comments'> , pilih kode yang kedua.
  • Ganti ID FB Sobat dengan URL/ID Facebook Sobat. 
4. Simpan! 

Tidak ada komentar:

Posting Komentar