Membuat Komentar Facebook di Blog

Niat aku sendiri ngebikin posting ini sebenernya just share ajah ke temen-temen yang lagi ngikutin The Most Student Popular Blog yang diadain sekolah aku yaitu SMP Santa Maria Cirebon. Di kompetisi yang diikutin sama anak kelas 9 tersebut mengharuskan kita untuk mengerjakan jurnal-jurnal yang udah disediain sekolah, intinya belajar elektronik gitu. Setelah capek begadang semaleman buat cari gimana caranya bikin komentar facebook di blog, akhirnya ketemu juga dan berhasil seperti yang kalian liat di blog gue sekarang ini \m/ *girang*

Right, langsung ajah aku kasih tau gimana caranya. Tapi sebelumnya sekedar notice ajah supaya hati-hati bermain html di blog ya, jadi kita harus perhatiin semua langkah satu per satu jangan sampe salah soalnya kalo salah bakalan susah memperbaikinya.

Cusss....

1. Login ke Dashboard kalian.

2. Pilih Menu Template » Edit HTML

3. Setelah itu cari kode ]]></b:skin>

4. Lalu, copy dan paste kode berikut ke atas kode ]]></b:skin>

.comments-page {
background-color: #ffffff;
}
#blogger-comments-page {
padding: 0px 5px;
display: none;
}
.comments-tab {
float: left;
padding: 5px;
margin-right: 3px;
cursor: pointer;
background-color: #dddddd;
}
.comments-tab-icon {
height: 14px;
width: auto;
margin-right: 3px;
}
.comments-tab:hover {
background-color: #eeeeee;
}
.inactive-select-tab{
background-color: #d1d1d1;
}

5. Setelah itu cari kode </head>

6. Lalu, copy dan pastekan kode berikut ke atas kode </head>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<meta content='ViperGoy.Blog' property='fb:admins'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<script type='text/javascript'>
function commentToggle(selectTab)
{$(&quot;.comments-tab&quot;).addClass(&quot;inactive-select-tab&quot;);
$(selectTab).removeClass(&quot;inactive-select-tab&quot;);
$(&quot;.comments-page&quot;).hide();
$(selectTab + &quot;-page&quot;).show();}
</script>

7. Kemudian ganti tulisan ViperGoy.Blog dengan ID Facebook kalian

    Cara nyari ID Facebook :

    https://graph.facebook.com/?domain=www.kristinatann.blogspot.com

    www.kristinatann.blogspot.com diganti dengan alamat blog kalian

8. Setelah itu cari kode <div class='comments' id='comments'>

Kalau punya aku awalnya ada di baris 1202, setelah diisi kode berpindah ke baris 1218

9. Lalu, copy dan paste kode berikut ke atas 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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVqWlYQddHj1GF7A8lClQ9VHIzqj5wtrYCSzOMEXBTwHPs5hIP2EeJSympH2jkR3ByciECwSwjfuf_85MY8v8qj-rTBD4JsYyYWc_u3k2uo2oe9GiCtn-_QStnm0-vvT3_xwvKJjoVosg/s1600/facebook+comments+vipergoy.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 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='5' width='500'/>
<i><a href='http://vipergoy.blogspot.com/2013/08/cara-memasang-komentar-facebook-di-blog.html' style='color:#aaaaaa;text-align: right;' target='_blank' title='Buatlah Komentar Faceboookmu Sekarang Juga'>Facebook</a></i>
    </b:if>
    </div>
    <div class='comments comments-page' id='blogger-comments-page'>
 </div>

10. Setelah itu " Save / Simpan Template "

Jangan lupa buka/klik semua segitiga hitamnya seperti berikut,

Guys, untuk mencari kode-kodenya juga emang susah, ada cara cepetnya yaitu dengan menekan tombol CTRL+F, tapi dari pengalaman aku sendiri mencari menggunakan CTRL+F itu kurang teliti dan kadang-kadang ga ketemu, jadi kalo aku lebih memilih mencarinya satu-satu :D

Goodluck!^^ Selamat mencoba!^^

Sumber: 

http://vipergoy.blogspot.com/2013/08/cara-memasang-komentar-facebook-di-blog.html

http://www.cyber4rt.com/2012/07/cari-tau-id-domain-kamu-di-facebook.html

pict : by snipping tool

LS5-6