Nulisku Desain Blog Cara Memasang Kolom Komentar Facebook di Blogspot

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

1 Likes

Author: admin

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Nulisku We would like to show you notifications for the latest news and updates.
Dismiss
Allow Notifications