Cara Membuat Kolom Komentar Facebook Berdampingan Denagn Blog

Posting kembali sobat blogger saya mendapatkan ilmu ini dari blog saya yang lama Muhammad Refai itu nama blognya yang ingin berkunjung langsung di klik aja sob. Dan posting saya kali ini saya beri judul Cara Membuat Kolom Komentar Facebook Berdampingan Denagn Blog. Seperti ini sob nanti jadinya :

Sudah lihat dan tertarik sob. saya jelasin \sedikit denagn adanya komentar facebook ini sekaligus mempermudah pengomentaran kita. Apa bila ada yang berkunjung ke blog kita dan ia tertarik ingin berkomentar di kolom facebook otomatis posting kita masuk di akun si pengomentar. langsung saja deh begini langkah- langkah untuk memasangnya :

Pertama login ke blog sobat.
Selanjutnya download dulu templatenya, hal ini dilakukan untuk mengantisipasi bila terjadi kesalahan
Pada menu pilih Rancangan ➨ Edit HTML.
Pada Edit Template jangan lupa untuk mencentang Expand Template Widget,
Jika sudah sekarang sobat cari kode <div class='comments' id='comments'> pada template sobat.

<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='Masukan ID Fb anda disini' 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>

Jika sudah ketemu langsung copas kode di atas tepat di bawah kode <div class='comments' id='comments'>

Keterangan :
Jika sobat semua menemukan 2 kode <div class='comments' id='comments'> yang sama, silahkan sobat pastekan ke kode yang kedua.

Simpan Templatenya dan lihat hasilnya.

Semoga berman faat sobat.. Kalo masih bingung bagai mana cara membuat ID FACEBOOK dan mau tau bagaiman cara membuatnya langsung saja baca Tutorial Blog terkait yang berjudul Cara Mudah Mengetahui Id Facebook.

Follow @REFAI_ID Follow @KlikHacking