Memasang Kolom Komentar Facebook Diblog ala Blo4sukses

Assalamu alaikum wr. wb.

Pada liburan  tahun baru 2016 ini  blog4sukses ingin berbagi ilmu yang berhubungan dengan Blogging.
Demi mencapai kesuksesan dalam berbisnis melalui Blog ,kita harus selalu menyajikan konten ,fasilitas maupun tampilan dari blog milik kita .Karena apa ?, tanpa kita sadari tampilan sangat berperan penting untuk menarik banyak pengunjung kedalam blog kita. Pahaamm!! ☺ . tidak terkecuali Kolom komentar yang anda sediakan diblog anda ,kolom komentar ini berfungsi
selain sebagai penambah keindahan tampilan dari suatu postingan atau artikel ,juga sebagai media tempat para pengunjung bisa memberikan pendapatnya .Hal ini sudah saya terangkan diartikel yang lain.
Berbeda dengan artikel sebelumnya yang menjelaskan memasang kolom komentar biasa, sedangkan hari ini kita akan belajar memasang kolom komentar Fb. ya!! Fb.melihat sangat banyaknya orang yang memakai Social media Facebook ini menjadi inspirasi untuk memberikan fasilitas komentar Fb ,hal.ini untuk memudahkan pengguna fb untuk berkomunikasi dengan kita selaku webmaster. oke mungkin terlalu panjang penjelasanya ,semoga tidak bingun . hehe 😊☺ .jika masih bingun beginilah tampilan dari kolom komentar fb yang ada diblog4sukses.
Baiklah tanpa membuang waktu mari kita mulai saja, silahkan ikuti caranya dibawah ini:
1. pertama ,silahkan anda masuk ke Dasbord Bloger milik anda sekalian.
2. kemudian pilih Tamplate dan klik Edit HTML
3. Cari kode script :
<div class='comments' id='comments'>
untuk lebih cepat silahkan tekan Ctrl+F dikeybord masing-masing. jika mau pegal silahkan cari secara menual ,hehe ☺ .
4. setelah kode tadi ditemukan,hal selanjutnya Copy semua Kode Script dibawah ini .
kemudian Pastekan tepat di bawah Kode :
<div class='comments' id='comments'>
Berikut kode script html nya:
<div
class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments madewith 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='550'/>
</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='ID FANPAGE FACEBOOK' 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>

Ingat!! :
*.Ganti ID FANPAGE FACEBOOK dengan ID Fan Page Facebook milik anda oke!!.
* untuk mengetahui ID Fanspage anda silahkan lihat di pengaturan halaman anda tepatnya ada di bagian "Info Halaman", lalu menelusur kebagian bawah akan ada tulisan ID Halaman Facebook : 10026565009xxxx
*.jika anda tidak punya Fanpage atau halaman Fb ,silahkan buat selarang juga caranya mudah koq.
atupun Gunakan saja Kode Script di atas tanpa merubahnya sedikitpun. Oke? Coocok
*. Untuk ukurannya silahlan anda sesuaikan dengan desaign blog anda. Ganti kode yang berwarna hijau diatas (width='550')
*.Apabila kode
<div class='comments' id='comments'>
ada 2, tinggal pilih salah satu saja.(Gitu aja koq repot☺)
5. jika sudah dirasa cocok ,silahkan klik simpan Tamplate.
6. terakhir tinggal lihat hasilnya.
. Demikian artikel cara memasang kolom komentar facebook diblog dan setiap postingan . semoga membantu. Selamat mencoba dan terimah kasih.

Wassalamu alaikum wr. wb.