Cara Memasang Facebook Komentar Di Blog

Posted by : Unknown Rabu, 10 Desember 2014

Cara Memasang Komentar Facebook di Blog Blogspot

FransiscoBlogs- | Pada siang hari ini saya akan memberikan cara memasang facebook comment di blog kalian [ bagi yang belum mempunyai facebook comment di blog kalian ]. Komentar Facebook Di Blogger adalah untuk menghubungkan konektivitas antara social media tersebut dengan blog kita. Sehingga, blog kita mendapatkan lalu lintas yang besar dengan Facebook.

Pasti kalian bingung kan mengapa blog yang sering kalian kunjungi itu mempunyai blok Facebook Comment seperti gambar di bawah ini , bisa kalian lihat " Comment Facebook Or Yahoo Account "

ingin tahu caranya ? baca lebih teliti agar lebih mengerti / agar dapat kalian pasang di blog kalian yang blum mempunyai Facebook Comment

Cara Memasang Facebook Comments Pada Blog Biasa / Sebut Saja Blog Polos :

1. Masuk ke akun blogger.

2. Pilih menu template --> Edit HTML.
3. Cari kode (CTRL+F) ini <div class='comments' id='comments'>
4. kemudian letakkan kode di bawah 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. Silahkan cari dan ubah kata "ID FACEBOOK KAMU" dengan id facebook kamu. Dan lihat hasilnya.

Cara memasang Facebook komentar Responsive

Cara ini sangat mudah , kalian hanya perlu menaruh Script di blog kalian dan hasilnya seperti ini

sangat mudah bukan ? ayo kita coba :)

Yang pertama harus kamu lakukan adalah tarok script di bawah ini di atas code </head>

Langkah berikutnya adalah memasang kode html. Letakan kode berikut ini dibawah kode untuk related post atau jika sobat bingung silahkan cari kode <div class='comments' id='comments'>, jika ada lebih dari 1 kode silahkan coba satu persatu. Kode FB Komennya seperti ini :

<b:if cond="data:blog.pageType == "item"">
<h4>Post Comment</h4>
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div id='container-commentfb' style='width: 100%'><fb:comments expr:href='data:post.url' num_posts='5' width='500'/></div>
</b:if>

Jika sudah pencet save template , dan lihat hasilnya :)

Terima kasih karna telah membaca artikel kami yang berjudul " Cara Memasang Facebook Komentar Di Blog " mudah-mudahan artikel ini sangat bermanfaat untuk para blogger , salam blogger , wassalam ~