Ari Loyo

Browse » home» blog » box » cara » comments » facebook » memasang » pada » Cara Memasang Facebook Comments Box Pada Blog

---

Cara Memasang Facebook Comments Box Pada 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>