Cara Memasang Kolom Komentar Facebook di Blogspot

kolom komentar melalui facebook
Sobat. Kali ini akan kita shared cara paling mudah untuk memasang kolom komentar facebook pada blogspot. Mungkin sebagian orang agak berfikiran "tidak perlu" dengan alasan "akan memperberat" loading blog kita.

Namun hal itu hanya sekedar "mitos" dan "asumsi" yang belum terbukti Guys. Jika tidak percaya, silakan buktikan blog ini, insyalloh berada pada "grade A" di atas 90% versi GTmetrik.


Nih,penampakan kecepatan loading blog ini, yang notabene juga menggunakan kolom komentar facebook ala Pro Google Adsence V1 blogger template, persembahan dari modifyed Sl Templates. Masih, tidak percaya, silakan buktikan sendiri njeh [klik di sini].

gtmetrik grade a

Sobat. Tujuan saya memberikan artikel ini tidak lain untuk memudahkan pengunjung yang akan memberikan ulasan, pendapat atau tambahan artikel kita ketika terdapat kekurangan. Selain daripada itu, saat ini tidak bisa dipungkiri, bahwa pengguna facebook sudah seantero jagat. Jadi, akan lebih beijaksana apabila kita memberikan kemudahan kepada pembaca untuk berkontribusi memberikan masukan, pendapat kepada kita.



Langkah-langkah Memasang Kolom Komentar Facebook

Kalau sobat mencari tutorial artikel dengan bahasan yang sama kali ini, kebanyakan menggunakan cara yang ribet dan susah. Oleh karena itu, berikut Ane berikan cara termudah yang pernah Ane peroleh:
  1. Baca do'a
  2. Buka akun blogger
  3. Pilih Template > Edit HTML cari kode berikut <div class='comments' id='comments'>
  4. Paste kode berikut tepat di bawah kode <div class='comments' id='comments'> tadi:

  5. <div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' 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("#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='IDFANPAGEFACEBOOK' 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. Save template
  7. Baca Do'a
***. Note: 

  1. Ganti IDFANPAGEFACEBOOK dengan Kode/ No / Id Fanspage Facebook yang anda punya.
  2. Cara melihat IDFANPAGEFACEBOOK adalah: Masuklah ke Halaman Facebook Anda, lalu masuk lagi ke Pengaturan, Lihat Info Halaman, lalu lihat paling bawah sekali ada tulisan ID Halaman Facebook : 10222222222xxxx
  3. Anda tidak punya Halaman Facebook saat ini? Anda tidak perlu mengganti tulisan IDFANPAGEFACEBOOK di atas (saran sih gunakan Halaman Facebook) abaikan saja. Gunakan saja Kode Script di atas apa adanya.
  4. Sesuaikan Ukuran atau panjang Kolom Komentar facebook dengan Ukuran blog anda. Silahkan ganti angka yang berwana Ungu di atas. (width='550')
  5. Apabila kode terduapat dua kode <div class='comments' id='comments'>, pilih salah satu.
Semoga bermnafaat, aamiin.
(http://forumblogindo.blogspot.com/).*

Source:
http://www.contohblog.com/2014/02/cara-pasang-kotak-komentar-facebook-di.html

0 Response to "Cara Memasang Kolom Komentar Facebook di Blogspot"

Post a Comment

Silakan masukkan komentar Sobat di sini!

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel