Cara Buat Komentar FB Disebelah Kotak Komentar Blogger

Oke, sekarang langsung saja saya berikan tutorialnya tentang Cara Membuat Kotak Komentar FB Bersebelahan dengan Kotak Komentar Blogger lengkap dengan tombol buka dan penutup.

1. Masuk ke blogger dan pilih Template ----> edit HTML ----> Proceed---->

Centang Expand Widget Templates

(PERHATIAN: BACK UP DULU TEMPLATE KALIAN)
2. Cari kode <div class='comments' id='comments'> (Gunakan CTRL+F)
3. Copas kode berikut tepat dibawah kode <div class='comments' id='comments'>
-Bila ada dua kode <div class='comments' id='comments'> Maka silahkan pilih yang
pertama, bila gagal pilih yang kedua.

<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='600'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>

4. Setelah pemasangan kode tersebut, lanjutkan dengan mencari kode </head>
5. Bila sudah ketemu maka copas kode berikut tepat diatas kode </head>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='100001008475886' 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>

6. Sesudah itu lanjuntkan dengan memasang kode CSS berikut. Untuk memasangnya cari kode #comment atau .comment dan letakkan kode berikut dibawahnya atau diatasnya (terserah kalian).

.comments-page { background-color: #000000;}
#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;}

Penting!!
- Ganti 100001008475886 dengan nomor ID FB kalian. Bila nggak tahu cara dapetin kodenya klik dibawa ini untuk caranya.

Nah cara untuk melihat FB ID sangatlah mudah, kita tinggal memasukkan permalink diatas ke https://graph.facebook.com/fb-kamu. Ingat, ganti tulisan www dengan graph !!!

Contoh:

https://www.facebook.com/asdharsyaputra

Setelah diganti maka akan menjadi:

https://graph.facebook.com/asdharsyaputra

Nah sesudah itu copas url yang sudah kamu ganti tersebut di browser maka nanti akan kelihatan dech ID facebook kamu. Lihat screenshoot:

Gampang kan gan, Selamat mencoba...:) Good luck..

Suka dengan postingan ini.?

Follow @asdharsyaputra

Ditulis Oleh : asdharsyaputra di label

Artikel Cara Buat Komentar FB Disebelah Kotak Komentar Blogger ini ditulis oleh asdharsyaputra pada hari Jumat, 06 Juli 2012. Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran tentang Cara Buat Komentar FB Disebelah Kotak Komentar Blogger dapat Anda sampaikan melalui kotak komentar dibawah ini. Dan jangan lupa di like yea kawan. Terima Kasih...

Backlink Please !

URL

Code For Forum

HTML Code <a href='https://asdharsyaputra.blogspot.com/2012/07/cara-buat-komentar-fb-disebelah-kotak.html' target='_blank'>Cara Buat Komentar FB Disebelah Kotak Komentar Blogger</a>

Di Like Dulu Gan Sebelum Pergi..!!

Kritik Dan Saran Sobat Sangat Membantu Blog ini Dalam Menulis Artikel Berikutnya