Cara Membuat Kotak Komentar Facebook DI Blogger 2013

Cara untuk membuat blog kita rame dikunjungi oleh pengunjung alah dengan cara membuat Content-content yang sangat berguna, uniq, dan khas untuk di baca. nah disamping kita telah membuat postingan/artikel kita, walaupun itu uniq, keren dan Bagus untuk dibaca oleh smua orang, tapi terkadang artikel kita tidak banyak di komentari oleh orang-orang yang sudah berkunjung ke blog/web kita, di suatu waktu kadang kita berfikir, apkah posting/artikel kita masih kurang cukup menarik sehigga di abaikan oleh para pengunjung/pembaca yang budiman? oh ...jangan berburuk sangka dulu sob, Sebenarnya orang-orang yang sudah membaca postingan kita adalah orang-orang yang bukan blogger, sehingga mereka tidak punya akun blogger sperti g+,Livejournal,wordpres dll, itu adalah media default dari template blog yang digunakan untuk berkomentar di sebuah web/blog, Sehingga mereka tidak bisa meninggalkan Komentar secara mudah dan gampang, nah gunanya kotak komentar facebook ini adalah ketika pembaca awam datang berkunjung dan ingin meninggalkan komentar masing-masing maka dengan otomatis akan di tawarkan komentar via Id fb pengunjung tanpa harus registrasi dulu, okedeh Kali ini saya akan membagikan bagaimana Cara Gampang Memasang Komentar Facebook di blog kita, terutama Blogger(blogspot)Tutorial ini buat para pengguna Blogger.

Carana ini gan :
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Tekan Ctrl F dan cari kode ]]></b:skin>
4. Taruh kode berikut di atas ]]></b:skin>

.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;}

5. Kemudian cari kode </head>
6. Taruh kode berikut di atas kode di atas 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='https://www.facebook.com/pages/X-Uniq-Fanspage/141449869395434' 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>

"warna Ungu sobat ganti dengan alamat Fanspage sobat", Kalau sobat belum buat fanspage, Bisa Ngintip Disini 
Jika sudah berhasil membuatnya, Sobat Klick profil FansPage nya..dan copy alamat url nya seperti yang saya beri contoh diatas.

8. Kemudian cari kode <div class='comments' id='comments'>
9. Jika sobat  menemukan 2 kode yang sama. Letakkan kode di bawah ini tepat di bawah 2 kode tersebut.

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

10.code ungu  '620'sobat ganti sesuai dengan lebar halaman posting sobat..gak sama dengan lebar postingan juga tidak apa-apa,itu hanya lebar yang saya berikan di blog ini.Yang '10' adalah Jumlah 10 jumlah komentar yang akan di Perlihatkan secara update.
11.Save Template, Maka sobat akan Berhasil. Selamat mencoba sob!

Untuk menambah Replay coment(treadcoment) anda bisa Lihat Artikel ini
*membuat Treadcoment di Box Komentar

Categories: Desain Template, Tips Blog