Cara Memasang
Komentar Facebook di Blog – Pasti sebagian besar dari pengguna internet di
seluruh dunia selalu terhubung dengan akun facebook mereka, jadi agar memudah
kan para pengunjung blog untuk berkomentar dengan hanya menggunakan akun
facebooknya.
Dengan membuat
komentar facebook di blog akan membuat konektivitas antara media social dan
blog anda. Jadi anda bisa mendapatkan traffic yang besar melalui komentar
facebook.
Pasti anda
sudah pernah melihat blog yang memasang komentar facebook, dan maka dari itu
anda tertarik untuk mencobanya. Dan untuk membuat komentar facebook ini sangat
lah mudah.
Kali ini saya
akan memberikan tutorial bagaimana cara memasang komentar facebook di blog.
1. Masuk ke
dashboard blogger
2. Pilih
Template รจ
Edit HTML.
3. Kemudian
cari kode ini
<div class=’comments’ id=’comments’>
4. Letakkan
kode dibawah ini tepat dibawah 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='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 KAMU' 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>
5. Cari Tulisan "ID FACEBOOK KAMU" lalu ubah lah ke id Fanspage anda.
6. Save Template
7. Selesai
Nah, sangat mudah bukan memasang Komentar Facebook di Blog.
ijin coba gan .. sangat menarik ya kalo ada komen buat facebook di blog
BalasHapusijin gan ,, sangat bermanfaat
BalasHapusmakasih sob tutorialnya, mau coba terapin di blog saya :D
BalasHapus