Membuat Kolom Komentar via facebook dan blogger berdampingan

Membuat Kolom Komentar via facebook dan blogger berdampingan

assalamualaikum,

selamat sore sobat, lama sekali tidak posting, lantas liburan modemnya jadi super lemot,
postingan kali ini akan saya bahas mengenai cara memasang komentar di Blog via facebook dan blogger secara berdampingan, karena salah satu kriteria blog yang baik adalah blog yang menyediakan kemudahan dan pelayanan yang baik bagi pengunjungnya,
seperti gambar di atas, cara ini juga saya gunakan di blog saya ini,
komentar ini bentuk nya tab, buat pengunjung yang tidak punya akun blogger, bisa menggunakan akun fb untuk komentar, bagi yang tidak punya akun facebook, bisa menggunakan akun blog anonymous,

*saran saya, untuk menghindari kesalahan, lakukan backup template terlebih dahulu,
lihat caranya DISINI.

Langsung saja, berikut adalah langkah-langkahnya:
1. Pastikan sobat sudah login di blog sobat,
2. Masuk ke menu template.
3. Beri tanda centang pada "Expand Template Widget"
4. Cari kode berikut ini, untuk memudahkan pencarian, tekan Ctrl+F,

<div class='comments' id='comments'>

maka sobat akan menemukan dua kode yang sama seperti di atas,
pilihlah kode yang kedua, jika sobat menemukan dua kode tersebut.

5. paste kan script di bawah TEPAT DI BAWAHNYA 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='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='5' width='600'/></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='ALAMAT/ ID FACEBOOK SOBAT' 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>

6. Ganti tulisan ALAMAT/ ID FACEBOOK SOBAT dengan alamat facebook sobat,
contoh alamat facebook sobat: www.facebook.com/IDFACEBOOKSOBAT, maka ambil saja teks yang IDFACEBOOKSOBAT
atau jika ID nya masih angka, contoh www.facebook.com/0123456789
maka ambil angka nya saja,

untuk angka 5, adalah banyak komentar yang di tampilkan, jika komentar lebih dari lima, maka akan di sembunyikan, tetapi masih bisa di munculkan jika ingin membacanya, sobat bisa atur sendiri banyak komentar yang akan kelihatan.

untuk angka 600 menunjukkan lebar kolom komentar, sobat juga bisa mengaturnya, sesuaikan saja dengan lebar halaman postingan sobat,

7. setelah sobat atur, klik "simpan template"
dan lihat postingan sobat,

jangan lupa, komentar sobat saya tunggu,
sekian tutorial blogging kali ini,
wassalamualaikum..